OK het zal terugkomen.
Dus deze les is er een die ik ben zeer enthousiast over het maken van.
Ik hoop dat je ervan geniet.
We gaan schrijven onze allereerste uiten app voordat we eigenlijk doen.
Ik wil 30 seconden duren.
Het zal heel kort Ik beloof zijn.
herzien Slechts twee belangrijke thema's hoe een bestaande app werkt zodat de hond app die ik al heb laten zien en vervolgens de basisprincipes van het HTP verzoek reactie levenscyclus.
OK laten we beginnen.
Ik ga om te beginnen door te praten over HTP verzoeken en antwoorden.
Dus niet vergeten als ik naar een u r l zoals Google dot com en ik druk op Enter ik vraag voor een webpagina ik een HDTV te versturen en dat het verzoek van een bijzondere werkwoord of type.
Is het een GET-verzoek of een POST-aanvraag of een deel van de anderen die we nog niet echt gezien.
En dan heb ik in potentie een aantal gegevens mee te sturen met het verzoek en de server die mijn verzoek de server dat ik het aanvragen van Google heeft een code die bepaalt welke pagina om me terug te sturen ontvangt.
Dus het stuurt me dat Google homepage of misschien stuurt me de Google-aanmeldingspagina of de G-mail of een pagina dat mijn wachtwoord onjuist is wat het ook is.
De server is te beslissen wat te terug te sturen.
En vervolgens reageert met een antwoord.
Dus ik stuur een verzoek server side code cijfers uit wat ik vraag voor en dan doet het wat spullen en dan stuur feedback een antwoord dat is fundamenteel wat we gaan Express te gebruiken om te doen.
Dus ik heb deze hond demo app die je kan herinneren.
Het is heel erg vergeetbaar.
Gewoon een simpele app die een database die we hebben verbonden en een gebruiker kan alle honden in de database te bekijken is.
Elke hond heeft slechts een naam en een ras volkomen nutteloos.
Maar het is leuk en eenvoudig en ik denk dat het een goed voorbeeld van hoe Express werkt.
Dus hebben we een stukje code in hier.
Dingen zoals vereist Express en die een database.
Maar het belangrijkste zijn de drie stukken en deze worden wraps geroepen en we zullen het schrijven van onze eigen routes en slechts een paar minuten routes of de code die verantwoordelijk zijn voor het luisteren en het ontvangen van de aanvragen die ik sprak over en dan beslissen wat terug te sturen zijn .
Dus in dit geval hebben wij code die luistert voor een verzoek om de home page gewoon om slash dan hebben we een stukje code dat is te luisteren naar een GET-verzoek naar honden slash en we hebben een aantal andere code die is te luisteren naar een post verzoek slash creëren honden en dan de binnenkant van de routes die wij draaien van een code.
In dit geval zijn we gewoon renderen de home page.
Dus dat gaat reageren met de inhoud van onze homepage dat is een ander bestand ergens anders in deze.
Wanneer iemand vraagt ​​om gesneden honden als get verzoek vinden we alle honden en dan maken we de pagina honden en alle gegevens voor de honden te sturen.
Samen Daarmee.
En als iemand een hond creëert sturen we een post verzoek om de hond te creëren.
We gaan een hond toe te voegen aan de database en vervolgens te buigen ze terug naar de pagina van de hond als ze alle honden kunt bekijken.
Dus laat je niet al te geïntimideerd door de syntax en alle verschillende stukken zal de invoering van dit ene beetje op een moment.
Maar het eerste dat alles begint uit is dit idee van een route en routes zijn slechts stukjes code die een andere code, afhankelijk van het verzoek dat is ontvangen op onze server zal draaien.
Dus dan is dat brengt me op het volgende punt dat onze server wordt gestart.
Dus moeten we het bestand dat apt wordt genoemd uitgevoerd.
Ja knooppunt apt.
Ja, net als dat.
En dan het nodig heeft om te gaan.
In dit geval naar de haven 3000 die eigenlijk anders voor ons in cloud 9 zijn.
Maar als ik naar Port 3000 en ik vernieuwen ik krijg de home page, omdat ik een verzoek aan slash en er is een code dat wanneer ik een verzoek tot slash stuurt me de home page.
Hetzelfde als ik naar honden is er nog een stukje code dat luistert naar een verzoek als een GET-verzoek naar dugs slash slash en stuurt me alle honden terug.
En dan tot slot kan ik een nieuwe hond te maken en sloeg in te dienen en dat een post verzoek om slash creëren hond stuurt.
En deze code is verkeerd.
Okee.
Dus dat is alles wat ik wilde controleren voordat we overgaan tot het schrijven van onze eigen code.
De ene grote afhaalmaaltijd van al dat als je gewoon helemaal sliep er doorheen de één grote afhaalmaaltijd is routes routes zijn belangrijk.
Rasner hoe we luisteren naar bepaalde verzoeken en voer een andere code, afhankelijk van de verzoeken die we krijgen.
OK dus nu is het moment dat je hebt gewacht.
Hopelijk je hebt gewacht voor.
We gaan verder te gaan en creëren onze eerste express app dus ik ga terug naar de zevende hemel en ik ga een nieuwe map te maken.
Ik ben gewoon gaan om het eerst te bellen app en een cd uit te drukken in die en dan ga ik naar een nieuw bestand app ja en dan zullen we openen dat op en we beginnen gewoon constant te loggen onze uitdrukkelijke app.
We zullen hier te gaan en op te slaan en laten we gewoon draaien.
En alles goed te krijgen we onze console log.
Dus nu wat we moeten doen is het installeren Express en als ik terug naar de Express dokken u kunt zien we alleen nog maar NPM installeren express en ik heb te vermelden in de laatste video, die we zouden gaan om te praten over dash dash, behalve in deze video en we gaan het tot het einde te houden.
Het maakt niet het verschil maken op alle in de functionaliteit van Express.
Dus we gaan het verlaten totdat later in de video.
Dus we willen Express te installeren en als we het type LS Natuurlijk is er geen knooppunt modules directory nog niet, maar als we dat doen NPM installeren uiten Ik zal even duren.
Dit is zeker een grotere downloaden dan de andere dingen die we tot nu toe hebt geïnstalleerd.
Ik heb nu een veilige LS een knooppunt modules directory of ik echt mijn dossier boom te vernieuwen.
Je ziet geen modules heb ik express en in plaats van knooppunt modules zijn er veel mappen.
Een groot aantal bestanden en dit is allemaal van de logica alle van de code die het raamwerk dat we niet hoeven te onszelf te schrijven maakt.
Dus we zullen sluiten uit dat.
En de volgende ding dat we moeten doen is natuurlijk vereisen uitgedrukt in onze applicatie, zodat we toe zullen doen.
Express gelijken eisen te uiten, net als dat.
En dat zal dan de invoer van de module express.
Maar in tegenstelling tot de eerdere bibliotheken of pakketten die we net als Cat ik heb gezien waar we zeiden var Cat me gelijk vereisen Cat mij en dan om het te gebruiken alles wat we moesten doen was zeggen Cat me.
In dit geval de kat me maar één ding dat het doet een eenvoudige functie, net als klop klop grappen had slechts één functie.
Nou Express heeft veel en veel verschillende methoden, zodat we kunnen niet gewoon express uit te voeren als dit.
Om het te gebruiken, hoewel we zullen het uitvoeren hiervan en op te slaan in een variabele die de meeste mensen app noemen.
Dus var express gelijk vereisen uitdrukkelijke die net omvat de volledige inhoud van deze uitdrukkelijke directory en uit te voeren we het en opslaan in een variabele met de naam app die alles wat we doen met Express app dot en vervolgens een aantal methode die uitdrukken wordt geleverd met zal zijn.
Nu we hebben uitdrukkelijke geïnstalleerd en geïnitialiseerd het is altijd een goed idee alleen maar om ervoor te zorgen dat het werkt.
Dus laten we proberen running knooppunt apps.
Ja.
Niets mag zolang er gebeuren als we niet een foutmelding krijgt.
Dat betekent dat we goed om te gaan.
Nu gaan we onze eerste route te bepalen.
We gaan het heel eenvoudig verzoek in te dienen.
Als je naar slash je gaat naar een bericht dat zegt hi te krijgen.
En als je naar vaarwel slash of laten we gewoon koopt zult u een bericht dat vaarwel zegt te krijgen.
En dan ook nog één die is wanneer je naar de hond slash u een bericht dat miauw zegt te krijgen.
Dus drie verschillende routes drie verschillende plaatsen we kunnen een verzoek om te maken en kunnen we drie verschillende antwoorden te krijgen, afhankelijk van waar we vragen.
Dus de syntax voor het definiëren van een route ziet er als volgt.
We beginnen met deze eerste.
De hoge daar en we schrijven app dot krijgt een app te krijgen neemt twee verschillende parameters.
De eerste is de euro of het pad dat is slash.
In dit geval, omdat we proberen om een ​​route te maken wanneer een gebruiker een get verzoek maakt en dat is wat ze hier betekent dat we geneigd up berichten later te zien en zelfs de leads en patch te werken en zet een aantal van de andere HTP werkwoorden.
Maar het krijgen van berichten zijn de meest voorkomende.
Dus apt krijgt als je verzoeken om slash die ook de wortel pad of gewoon de route wordt genoemd.
Dan willen we deze code kan worden uitgevoerd die een callback functie en dit callback functie neemt twee verschillende argumenten verzoeken en respons.
Nogmaals dat zijn wat we willen dat ze worden opgeroepen helemaal aan ons.
Maar je zult dit het vaakst te zien en ik denk dat in feite op de officiële Express Documenten dat is wat ze gebruiken aanvr in rez.
Sommige mensen eigenlijk type het allemaal uit verzoek en reactie, maar denk stijging is veel vaker te zien dus rekenen Reds zijn eigenlijk objecten binnenkant van deze functie verzoek is een object dat alle informatie over het verzoek dat werd gedaan dat deze route en respons geactiveerd bevat zal alle informatie over wat we gaan reageren met bevatten.
Dus ik zal je laten zien dat in een klein beetje zal annuleren dat loggen zal zien hoe het eruit ziet.
Maar om te beginnen gaan we rez dot send schrijven.
Hallo daar.
En dit is slechts een manier om te reageren met één of andere tekst, maar als we naar de pagina van onze app een keer serveren wij het ooit begon toen we verwachten dat de tekst te krijgen.
Hi there uitgeprint om ons in de browser is dit niet van plan om gewoon nog wel werken.
Want als ik deze nota app draaien ja niets gebeurt, omdat we missen een heel belangrijk onderdeel van de code in Express.
We hebben eigenlijk om de code te schrijven om het te vertellen voor verschillende verzoeken om dat te doen om te luisteren.
EXPRESS geeft ons een methode genaamd luisteren.
Dus alles goed.
Apt up luisteren en dan moeten we op voorwaarde dat de poort waar naar geluisterd en ik zal u in mijn voorbeeld te laten zien hier.
Ik was te luisteren op poort drieduizend, maar omdat we op wolk negen moeten we de dingen anders te doen een beetje.
We moeten op het proces dat NVI havens te luisteren.
Dus al van deze code ook daadwerkelijk gewoon terug van een getal als 3000 behalve dat geeft het aantal cloud negen server die we moeten gebruiken.
Dus dit is een variabele.
Het is een omgeving variabele en de variabele omgeving waarin we werken met een poort wordt genoemd genoemd.
Dus dit zal een aantal keren, maar we hebben geen hardcoded het nummer in.
Het komt van Cloud Nine.
Er is nog een ander stukje informatie dat we moeten passeren, waarin wordt proces dat EMV IP.
En dit is een lijn die je gewoon kunt kopiëren en plakken van app naar app.
We zullen het gebruik ervan op de bodem van iedere applicatie die we maken met Express.
Dus het is een van die net cookie cutter lijnen die we nodig hebben om te gebruiken.
Dit vertelt express op een bepaalde poort die Cloud 9 wil en een bepaald IP-dat negen verwacht dat cloud om zo goed te luisteren om zo te vatten we geïnitialiseerd express veiligheid naar het gebied zullen we een route gedefinieerd wanneer we een GET-verzoek naar slash .
We moeten zien een ze teruggestuurd in de respons in onze browser en gewoon het definiëren van de route is niet genoeg.
We hebben dan om de app te vertellen op een bepaalde poort te luisteren naar een IP-adres.
En nu moeten we alleen maar om de server te starten met knooppunt apps die de volledige inhoud van het bestand wordt uitgevoerd.
U zult onze cursor verandert zien.
We kunnen eigenlijk typen commando's meer, omdat onze server is gestart.
Er is een klein ding dat we kunnen doen om dit te verbeteren.
Dus als het controle-C uit die we kunnen passeren in callback functie APT luisteren ook.
En de binnenkant van hier zijn we zullen gewoon u annuleert dat log server is begonnen, net als dat en sla het nu gaat om te wissen en start de server opnieuw en krijgen we dit bericht dat de server is net begonnen, zodat het duidelijk is wat er gebeurt met onze consul nu naar deze site in tegenstelling tot de lokale versie die ik liet zien met subliem en de hond demo waar ik ging naar de lokale host Colan 3000 Clubine eigenlijk online gehost op uw eigen u goed en je kunt die vinden door te klikken op de voorvertoning en klik op voorbeeld running te bezoeken toepassing en dat zal een nieuw tabblad openen.
En als we willen we gewoon het tabblad hier kunnen gebruiken.
Ik geef de voorkeur aan de rol kopiëren en openen van een nieuwe tab en plak deze in zodat ik kan eigenlijk alleen maar gebruiken in de browser, zonder te gaan door middel van cloud 9 is nep browser zo dicht uit die en je zult zien hoewel mijn rol is de naam van mijn werkruimte web dev die kamp dash mijn gebruikersnaam dot C-9 stip.
Dus wat u ook tewerkgesteld in die werkruimte, die op dit moment is dit een bestand apt.
Ja, in plaats van de eerste express app zal worden op de rij die wordt gegeven aan u voor vrij automatisch wanneer u een wolk negen werkruimte en spannender dan dat.
We kunnen zien dat we een hoge daar.
Het werkt en het maken van een verzoek aan de wortel van de server gewoon slash.
En ik krijg er hoog.
En als we iets anders proberen te doen als dit je een bericht dat zegt niet kan krijgen dat je krijgt zal dit pad dat ik heb toegevoegd.
Dus laten we toe te voegen in een andere out now.
De exacte hetzelfde patroon.
Laten we de buy route.
Dus we willen een app niet slash krijgen.
En dan is onze functie verzoek reactie net als dat.
En dan sturen wij rode stippen en tot ziens net als dat en op te slaan dat.
Nu als we naar slash kopen en druk op enter.
Je zult zien dat het nog steeds niet werkt.
En dat komt omdat we de server opnieuw op te starten.
Dus elke keer dat we een aantal wijzigingen nodig om de server opnieuw op te starten.
Want nu ga ik je laten zien een instrument dat ons zal helpen, zodat we niet hoeven te voortdurend opnieuw starten.
Maar voor nu ik moet doen knooppunt Abdulle J.S. opnieuw op te slaan of deze keer vernieuwen als we naar slash door.
Ik nu krijg mijn afscheid boodschap en als ik naar de wortel krijg ik hoog daar.
Dus laten we nu één meer te doen.
Laten we terug gaan.
Dus apt get klotste hond of terug te bellen met vragen en reactie en dan in plaats van dat we gaan om te reageren.
RAZ En meow.
Wat dacht ik.
Waarom heb ik zeggen meow.
Oke goed ik ga om te gaan met haar.
Moet zeker vrouwelijke hebben, maar als ik mijn server opnieuw beginnen I hernieuwd Control + C om te stoppen en ze op de pijl omhoog en ik lopen knooppunt na JSC weer en ik ga hier terug heb ik te vernieuwen.
En nu ga ik naar slash hond eruit te komen me en ik kan gaan om slash door de poort afscheid en ik kan gaan om niets te slash en krijgen hoge daar.
Dus dat is alles wat we doen voor deze allereerste app uit te drukken.
Voordat we verder gaan.
Ik ga openstellen postbode en test onze applicatie uit.
Dus we gaan een get verzoek te doen en we zullen het doen om de slash hond route alleen maar om het uit te testen en in plaats van de lokale hosts 3000 slash hond we nodig hebben om een ​​verzoek te doen om dit te Arel slash hond.
Dus ik ga dit kopiëren en ga terug naar postbode en gewoon plakken dat u Ellen.
En voordat we iets anders weet je het formaat van dit en het formaat van dit venster zo goed en we kunnen sluiten of krimpen dit een beetje dat het gaat om een ​​verzoek om deze website Dev Bootcamp dash te leren met Colt C9 Daddy-O slash hond natuurlijk te maken.
Dat u ook overeenkomen met uw eigen cloud 9 tellen.
En wat ik ga doen is in plaats van mijn app hond die ik ga een Dalt log toe te voegen.
En het is gewoon te zeggen dat iemand een verzoek ingediend om de hond slash en dat bewaren we en deze console blog gaat om hier te verschijnen.
Het gaat niet om te verschijnen in de browser binnenkant van de JavaScript-debugging-console.
De voor- en con. Het verschijnt in het knooppunt console hier dat we zijn begonnen met het uitvoeren van knooppunt apps.
Ja.
Dus als ik de server opnieuw en ik zal beginnen met enkel u laten zien als ik deze beweeg over hier en ik ververs de pagina laat me gaan naar een andere pagina en vernieuwen.
En nu als ik naar honden slash of een hond kijken hier beneden het zegt iemand heeft een verzoek aan Slashdot gemaakt.
Dus dat is alleen maar om te laten zien dat die code zodra wordt geactiveerd als we een verzoek te doen en het is niet alleen veroorzaakt door onze browser, maar we kunnen ook leiden door het gebruik van postbode die ik nu zal laten zien.
Dus alles wat ik moet doen is druk op enter hier of sturen en we kregen een andere.
Iemand maakte een verzoek aan de hond, maar ook een volledig scherm postbode slash.
Laten we nu eens kijken naar wat terug werd gestuurd.
Zodat het lichaam is gewoon miauwen.
Ik weet niet wat ik dacht dat ik het nu doen, maar we kregen een aantal tekst terug meow en we kunnen hetzelfde doen door te gaan naar de juiste pad en het versturen van een verzoek en wij krijgen er hoog en we kunnen dit ook doen slash door.
En we hetzelfde krijgt ook.
Dus dit is om te laten zien dat deze verzoeken maakt het niet uit waar ze vandaan komen als het vanuit een browser.
Een telefoon met de browser als het uit een terminal ergens of iets dergelijks Postman het maakt niet uit.
Onze server is gewoon luisteren naar elk verzoek dat is een GET-verzoek naar drie verschillende routes.
Hond door en de route route en wanneer het wordt één van deze verzoeken het zal dan antwoorden met een aantal eenvoudige teksten.
Okee.
Dus dat is alles wat ik wilde gaan in deze eerste intro app uit te drukken.
Ik weet dat het echt heel eenvoudig is het nog niet bedroeg maar liefst een applicatie, maar geloof me de volgorde waarin we gaan naar binnen is heel erg bewust.
We beginnen klein en gaan we een stuk op een moment dat de komende paar stukken die we zullen voegen reageren met HQ mail bestanden toe te voegen.
Dus in plaats van te lezen dat te sturen is er een andere methode die we zullen gebruiken om een ​​hele bestand van H.T. sturen mail terug en we zullen ook een concept genaamd Raut variabelen of pad variabelen te introduceren.