Welkom terug.
We hebben onze kolftoepassing.
Dat slaat de contactgegevens van de gebruiker op in een CSFI-bestand, en dit is allemaal geweldig, het werkt echt heel goed.
Rechts?
We hebben een mooie website.
We hebben zelfs contactformulieren.
Maar hier is een probleem.
Zie je, we draaien zowel de browser als de server op dezelfde computer.
Maar dit is niet het echte leven, want als ik je URL aan een vriend geef, kunnen ze
het niet zien omdat dit.
Adresseert punten naar lokale hosts met de woorden lokale host.
Op deze manier is het hetzelfde door localhost betekent gewoon je computer, dus het is niet zoals iemand anders, maar wij
hebben toegang tot onze app.
Dat is niet erg leuk, toch?
In het ideale geval kunnen we deze app maken, zodat we deze naar al onze vrienden, onze familieleden en mogelijk toekomstige werkgevers
kunnen sturen.
Dus hoe kunnen we dit doen?
In deze video laat ik je een heel leuke, gemakkelijke manier zien om je applicatie of je website online te
implementeren.
We gaan overal iets gebruiken dat Python heet en Python overal stelt ons in staat om onze
bestanden te hosten.
Dat zijn alle bestanden die we hier op een server hebben die ze ons gratis geven.
Dit is dus helemaal gratis.
Het enige wat u hoeft te doen is simpelweg inloggen.
En u kunt op aanmelden klikken, u kunt zien dat ze verschillende tariefplannen hebben, zodat u daadwerkelijk voor hun
service kunt betalen.
Maar voor een beginnersplan waarbij u één webtoepassing kunt maken, kunnen we dat gratis doen.
Laten we dus een beginnersaccount aanmaken en uw gebruikersnaam en wachtwoord aanmaken.
Ga akkoord met de voorwaarden.
Zeker.
Ik heb alles gelezen.
Oh, iemand anders nam mijn gebruikersnaam, hoe durven ze?
Laten we gaan met Andrian, dus nogmaals, maak je eigen account aan en daar gaan we.
We hebben ons dashboard.
Nu, de manier waarop Python, waar het ook werkt, is dat we de bestanden op een machine moeten laden, een beetje
zoals hoe we onze bestanden hier op onze computer hebben.
We moeten ze op de een of andere manier uploaden naar de computers van Python Anywhere.
De manier waarop we dat kunnen doen, is door GitHub te gebruiken.
Dus ik ga mijn GitHub-account openen, ik ga op nieuwe repositories klikken.
En ik ga mijn project hier maken, dus laten we het gewoon noemen.
Portfolio, omdat het best cool klinkt en alle trendy namen zo kort zijn, dus dit is
mijn portfolio-project, ik ga het openbaar houden en dan initialiseren met elke en dan een repository
maken.
Vanaf hier ga ik klonen.
Deze repository, als je S. H. ingesteld, kunt u DSH kopiëren, anders gebruikt u https, die
u mogelijk om uw GitHub-wachtwoord vraagt wanneer u kloont.
Dus ik hoef nu alleen nog maar een nieuwe terminal te openen.
Laten we dit een beetje groter maken.
En zeg, pak een kloon en kopieer en plak de URL zodat het ons project nu vanaf hier kloont.
Als ik dit open.
We hebben onze webserver en dan onze portfolio, dat is ons GitHub-account, dus we kunnen de bestanden hierheen
kopiëren.
Nu, degene die we echt nodig hebben, is dat we de database CSFI nodig hebben, omdat dit de bestanden zullen
zijn die we hoe dan ook naar Python willen uploaden.
Dus laten we voor nu gewoon het CSV-bestand, de servertaart, de statische map, de sjablonenmap selecteren.
Want dat zijn alle bestanden waar onze fles nu op draait als ik dit hier kopieer en plak.
Je vraagt je misschien af, hoe zit het met de andere valse?
Nou, er is hier een handige truc, want deze bestanden hier zijn gemaakt vanwege onze
virtuele omgeving, toch?
We hebben dingen als kolf geïnstalleerd, we hebben bibliotheken zoals Python drie punt zeven.
We hebben onze geldmap, in wezen hebben deze mappen de virtuele omgeving voor ons gecreëerd.
Er is hier echter een interessante truc die we kunnen doen.
We kunnen een commando uitvoeren met de naam Pip Freeze en onthoud dat je misschien PIP drie moet doen op basis van het type
installatie dat je van Python op je computer hebt.
Maar als je pip bevriest met dit kleine pijltje en dan merkt de hondtekst op wat er gebeurt als die
vereisten worden belast, wordt toegevoegd aan mijn project.
Wat is dit.
Zie je dat ik een tekst met een vereiste punt krijg en deze tekst met vereisten, als we erop klikken, zien we hier dat
we de vereisten hebben om onze app te laten werken.
En het leuke hiervan is dat de kolf en vervolgens de ginge voor onze sjablonen, die we hier
in onze bibliotheek opnemen, nu kunnen worden gebruikt met hun vereiste tekst om ze niet per se naar GitHub te
uploaden, maar in plaats daarvan dit bestand te gebruiken als een manier voor ons om al deze afhankelijkheden op
toekomstige machines te installeren.
Ik zal je laten zien wat ik bedoel.
Wat we bijvoorbeeld zouden kunnen doen, is al deze bestanden overal naar Python uploaden.
Rechts.
Maar dat zijn veel bestanden en veel werk.
In plaats daarvan uploaden we alleen de kritieke bestanden die we hebben geschreven, plus de vereisten,
punttekst en automatisch kan Python overal Flask en de Ginge en alle andere vereisten installeren door naar hun
vereistentekst te kijken.
Dus laten we voor nu teruggaan naar onze desktop en ook de DOT-tekst met vereisten kopiëren.
Op onze portfoliopagina.
Dus we hebben nu alle bestanden die we nodig hebben voor GitHub, als we teruggaan, kunnen we gewoon naar onze portfoliomap
gaan.
En dan gewoon zeggen, krijgen, alles toevoegen, dan commit en geef het een soort
van bericht, mijn portfolio-website.
Daar gaan we.
En dan eindelijk push origin master krijgen.
En zomaar, als ik terugga naar GitHub.
En ik verfris.
Moet je zien.
Ik heb al mijn bestanden voor mijn portfolioproject, dus met GitHub kunnen we nu heel, heel gemakkelijk
uploaden naar ons Python Anywhere-dashboard.
De manier waarop we dit gaan doen, is door deze repo nu te klonen met al deze bestanden.
En we gebruiken een GPS, laten we dit kopiëren en dan naar ons dashboard gaan.
Nu, hier in de console, kunnen we bash raken, dus dit zal de terminal openen waar onze computer die
overal door Python wordt gehost, bestaat.
Laten we dit een beetje groter maken.
En hier kan ik zeggen: kloon.
En kloon deze repoll.
Daar gaan we, en als we nu iets anders doen en onthouden, dit is een Linux-machine, dus Linux-commando's zoals LS
gaan werken.
Dus we zien dat we de rehme-tekst en die portfolio hebben.
Dus laten we naar de portefeuille gaan.
En we zien hier dat we daar naar moeten kijken, al onze bestanden op onze machine.
Het leuke is dat als ik terugga naar het dashboard en in mijn bestanden ga.
Je ziet hier dat ik in de mappen een portfolioproject heb, dat zijn mijn bestanden die we hebben gemaakt.
Hoe cool is dat?
Dus ik heb nu alle bestanden die ik nodig heb om de app uit te voeren, maar hoe kunnen we een app uitvoeren?
Welnu, we hebben een tabblad voor een webapp.
Dus onthoud dat we met de gratis laag toegang krijgen tot één gratis web-app.
Dus laten we de webcam openen en een nieuwe website toevoegen, dus helaas kun je met de gratis laag aangepaste
domeinnamen hebben.
Dat is een manier voor jou om Andre Nagoya Dotcom te zeggen of welke websites je maar wilt.
In plaats daarvan gaan ze er een voor je genereren.
Maar dat is iets waar je zelf naar kunt kijken als je ervoor wilt betalen.
Maar laten we voor nu gewoon de gratis laag gebruiken, zodat we het python-framework kunnen selecteren dat we willen gebruiken.
En ik ga eigenlijk handmatige configuratie doen, we kunnen elke Python-versie kiezen die we willen, laten we nu drie punt zes
doen, want dat is wat we hebben gebruikt.
En klik ten slotte op volgende.
Daar gaan we, we hebben ons Python-project op dit Yahel-adres.
Maar als ik hierop klik.
Oké, ik krijg een hallo wereld, het werkt, maar dit is niet onze portfolio, dus hoe kunnen we dat laten
werken?
Er zijn een paar dingen die we moeten instellen.
Eerst ga ik je linken naar deze tutorial om je te laten zien hoe je het moet instellen voor het geval je problemen hebt, maar
laten we het stap voor stap doen.
Eerst moeten we naar beneden scrollen.
En voer de broncode in, dus waar is de code die we zoeken?
Als je het je herinnert, laten we hier naar Philes gaan.
We hebben onze portfoliomap, dus wat we op het web willen doen, is zeggen dat we portfolio hier willen hebben.
En het gaat automatisch die link voor ons maken, dus daar bestaat onze broncode,
onze servercode.
Als we hier teruggaan, hebben we onze code overal in Python gekregen, en dan moeten we onze
virtuele omgeving opzetten, dus we moeten onze console openen.
Laten we dit een beetje groter maken en dan deze commando's uitvoeren.
Dus in ons geval, omdat we Python drie punt zes gebruiken, gaan we dit gewoon kopiëren.
Ga naar onze.
Dashboard.
Nogmaals in de bash, dus dat is de computer waarvan we onze bestanden gaan bedienen.
En kopieer en plak vervolgens om een virtuele omgeving te creëren die mijn virtuele ENF wordt genoemd.
En terwijl dat aan het installeren is.
Hun volgende taak is om de kolf te installeren.
Dus nogmaals, we kopiëren dit.
Dus laten we Pip uitvoeren, flask installeren.
En je zult het hier merken als Flask wordt geïnstalleerd.
Dat we ons nu in een virtuele omgeving bevinden.
Zie, hoor hoe mijn virtuele volkslied zegt, terwijl we het zeiden om onze virtuele omgeving een naam te geven.
En dan is de volgende stap om deze opmerking uit te voeren.
Nou, eigenlijk zal dit commando niets doen, omdat dit commando om aan te werken ons gewoon
naar onze virtuele omgeving brengt, die we al hebben gemaakt.
Dit is voor de volgende keer, wanneer u, laten we zeggen, teruggaat en de console opent om er zeker van te zijn dat u
altijd in onze virtuele omgeving aan het werk bent.
Nu, hier voor een kijkje in de bestanden, ik heb mijn portfolioproject.
Maar ik kan ook uitvoeren met behulp van de vereisten-dot-tekst die we hebben voor het geval we veel afhankelijkheden
hebben, we kunnen deze opdracht daadwerkelijk uitvoeren zodat deze onze vereisten leest.
Punt tekst.
Om eventuele afhankelijkheden te installeren.
Oh, kon het bestand niet openen omdat we eerst in onze portfolio moeten CD's en dan deze opmerking moeten uitvoeren.
In ons geval hebben we niet zoveel vereisten en alles is ingesteld sinds we Flask hebben geïnstalleerd, maar
dit is hoe we vereisten kunnen gebruiken, niet tekst, om al onze afhankelijkheden te installeren.
Geweldig.
Dus als we teruggaan naar de tutorial, zien we dat we onze virtuele omgeving hebben opgezet en dat we naar
onze webtap moeten gaan om onze virtuele omgeving in te stellen, zodat deze weet waar het tabblad Web naar deze omgeving moet zoeken.
Dus als we teruggaan, kunnen we nu naar ons web gaan.
En ik weet dat dit verwarrend is, dit is wat er gebeurt als je configuratie op een website uitvoert.
Het is een van die dingen die je gewoon moet leren of documentatie moet volgen.
Hier in de virtuele enf.
We zullen gewoon, zoals ze vragen.
Voeg de naam toe van onze virtuele omgeving, dat is mijn virtuele enth.
Dus nogmaals, we kopiëren dit en automatisch geeft het ons de link.
Nu, eindelijk, als we herladen.
Onze aanvraag duurt een paar seconden, maar als het klaar is en ik klik, krijg ik de hallo wereld.
Hm.
Er klopt nog steeds iets niet omdat we onze server willen.
Om te draaien, juist, dus het dient ons de index-HTML, deze video wordt lang, dus laten we een pauze nemen en tot
ziens in de volgende video.