OK laten we beginnen aan de oplossing van deze oefening en we zullen beginnen met het maken van een nieuwe map die ik net oplossing bel.
Dus maak uw oplossing en een cd in de oplossing.
En dan moeten we ons pakket creëren dacht Jason.
Dus ik zal NPM doen het.
Dat is meestal het eerste wat ik doe als ik een nieuw Express app beginnen voordat ik alle bestanden te maken.
Ik loop gewoon NPM erin en ik zal gewoon gaan met solutionis de naam 1.0 punt geen beschrijving zal oplossing om eerst te uiten oefening.
Entry point zullen app J.S. maken gewoon een kwestie van voorkeur testopdracht en voer krijgen repository hit in te voeren trefwoorden op enter auteur koud staal rijbewijs dat is prima.
Is dit oke.
Ja.
OK dus dat geeft ons het pakket dat Jason die u hier kunt zien.
Nu ga ik om onze act te maken.
Ja, dat is waar ik al de routes en de code te schrijven en dan moeten we installeren EXPRESS Dus NPM installeren Express en het belangrijkste is dat ik wil dat je toevoegen als een afhankelijkheid in het pakket spullen Jason.
En technisch kan je handmatig doen door te gaan in te typen en het daar, maar het idee is om dash dash save, die op zoek gaan naar het pakket dat Jason en automatisch toegevoegd daar voor ons als je hier kunt zien gebruiken.
Sluit out middies.
Daar gaan we.
Nu heeft afhankelijkheden en uitdrukkelijk vermeld onder dat.
OK dus laten we beginnen met het opzetten van onze fundamentele express app.
Dus ik ga deze app Julius openen en ik ga om te eisen Express en dit duurt slechts de inhoud van de Express-module de uitdrukkelijke pakket en dan willen we het uit te voeren en op te slaan in een variabele die gewoonlijk wordt genoemd, maar app Het kan van alles zijn, net als dat worden genoemd.
Nu hebben we de app variabele die zal worden gebruikt om het opzetten van onze routes en laten ga je gang en doe de eerste die de wortel.
Dus apt get slash en de boodschap die we zoeken is het ook niet.
Welkom op mijn opdracht dus ik zal gewoon kopiëren dat we meer dan apt te krijgen en dan onze functie nodig hebt met het verzoek en het antwoord object.
En hier ligt ze in begin en we gaan een rez send te doen en stuur dat de hele reeks en op te slaan.
En laten we ga je gang en start de server.
Dus knooppunt Abdulle Ja en je zult merken dat er niets gebeurt.
En dat is omdat we de code aan de onderkant ontbreekt.
Dat zegt eigenlijk uitdrukken vertelt de app op een bepaalde poort te luisteren.
Dus moeten we toe te voegen in app om te luisteren en dan moeten we de haven, die is een proces dat havens en hetzelfde EMV voor de IP bieden.
Dus verwerken NVI IP.
En ik zou graag achteraf toe te voegen in een klein bericht, zodat het een optionele callback waar we een console-log kan doen accepteert.
Geen dienste van uw app en laten we behalve dat en als we nu beginnen met de server krijgen we een klein bericht en als we naar de je gewoon de wortel en raakte ik in te voeren.
Ik krijg ook niet.
Welkom op mijn opdracht en dat is wat we verwachten.
Dus dat is 1 op de 3 routes naar beneden.
Laten we beginnen op deze spreken slash dier route en het belangrijkste doel is hier om u te hebben een route parameter in plaats van de juiste definitie te gebruiken.
Dus heb nog een ontvoeren voordat een aandeel.
De goede weg.
Ik zal je laten zien wat je niet zou moeten doen, die slash spreken slash varkens en maken dat zijn eigen route en dan nog een voor Kow dat het niet erg droog code vooral als we hadden vijf verschillende dieren.
Dat is niet wat je verwacht te doen.
Ik was op zoek naar deze slash spreken slash colon dier en dit kan worden genoemd om het even wat, maar ik denk dat dier is het meest zinvol.
Misschien kun je het hebt geroepen schepsel zo goed, maar we zouden ook noemen het X dat is zeker niet een geweldige variabele naam het niet veel zeggen, maar het zal op exact dezelfde manier werken als dier.
En dan laten we toe dit met ons verzoek in onze reactie en hier zijn we weten dat we gaan iets terug te sturen aan het einde, zodat we kunnen toevoegen dat in.
En waarom hebben we niet beginnen met alleen maar te zeggen dit is het spreken route.
Gewoon om ervoor te zorgen dat onze route parameters juist zijn ingesteld en als we opnieuw op de server terug te gaan en te vernieuwen en om het we moeten gaan naar slash iets spreken slash alles triggeren en krijgen we dit is de luidspreker.
OK dus laten we nu concentreren op de logica hier.
Het eerste wat we willen doen is gewoon pak het dier.
Dus ik ga maken een variabele noemen het dier.
En vergeet niet het is in de Paramo daarom verzoeken up harams dot dier is hoe we dat de toegang.
Dan is de volgende wat we moeten doen is een variabele die het geluid dat het dier maakt zal opslaan.
Zo iets als var sound en het zal alleen maar een lege string om te beginnen en dan zullen we in principe controleren of dier gelijk is aan varken is.
Dan zal zeggen dat geluid moet knor zijn en deed hetzelfde.
LCF dier gelijk koe.
En we kunnen blijven doen.
Geluid is gelijk aan Moo.
En laten we het bij laten voor nu en aan onze puntkomma en dan roodstaart sturen en we zullen stuur de plus dier plus andere ruimte, aldus de ruimte plus geluid.
En dit heeft slechts twee dieren nu.
Want zoals je kunt zien is het een klein beetje van het werk naar een ander dier naar binnen.
Het is een hele andere staat statement en ik zal je laten zien een kortere manier om dit te doen in slechts een seconde maar laten we ervoor zorgen dat dit werkt.
Dus als dieren varkens geluid alsof het koe klinkt moo en vervolgens uitgelezen en het dier zegt Plus het geluid.
Laten we opnieuw op te starten.
Zien als we nog syntaxisfouten te beginnen.
Ziet er goed uit.
Laten we vernieuwen.
Dit is te spreken slash varken.
En toch zegt het varken knort en laten we hetzelfde doen voor de koe.
De koe zegt moo.
Uitstekend.
Laten we nu terug te gaan en te praten over de gemakkelijkere manier die ik noemde waar we niet hebben om een ​​aparte if-statement hebben voor elk dier.
Dus in plaats van dat te doen ga ik het allemaal te schrappen en ik ga een woordenboek van dier geluid paringen die net een gewone javascript object zal dus ik noem het veel klinkt als binnen voegen we een dier moeten definiëren zoals varken die overeenkomen met een goed punt.
En dan zullen we een ander voor koe die overeenkomt met mu hebben.
En een voor een hond die overeenkomen met Wolf Wolf.
En dan gaan we toe te voegen aan de kat uit en dat zegt dat ik haat je mens.
En het laatste dier zal goudvissen en de goudvis zegt dot dot dot.
Dus nu dat we dit object geluid dat met een geluid overeenkomt met een dier, hoewel we moeten doen is het dier dat de gebruiker op zoek is.
Dus spreken slash hond voor aanleg en nemen we de hond en steek de stekker in klanken en we zullen Wolf Wolf eruit te komen terug.
Dus we dieren houden hoe het is dat we deze variabele nodig hebben, maar het geluid gaat nu geluiden van dieren gelijk zijn net als dat.
En we moeten goed zijn om nu te gaan.
Laten we redden de server refresh opnieuw op te starten.
En het zegt precies hetzelfde.
Laten we proberen goudvis.
De Goudvis zegt dot dot dot en kat de kat zegt dat ik haat je hem en er zijn twee kleine wijzigingen die ik zou willen maken.
De eerste is dat ik wil aanhalingstekens rond het geluid van het dier.
Dus het zegt dat de kat zegt en dan citaat Ik haat je mens.
En er zijn een paar manieren om dat te doen.
De eenvoudigste is gewoon om enkele aanhalingstekens te gebruiken rond geluid.
Dus we zoiets als dit te doen.
Of voegen we een offerte en vervolgens aan het eind we doen, plus een nieuwe string en dat alles gaat naar binnen die string is een enkele offerte.
Offertes kunnen zo'n pijn soms in javascript, maar dit is niet al te slecht.
We hebben enkele aanhalingstekens in plaats van dubbele aanhalingstekens of voor het gebruik van enkele aanhalingstekens in de dubbele aanhalingstekens binnen.
En laten we nu doorstart weer opfrissen en krijgen we de kat zegt dat ik haat je mens.
Einde citaat.
Maar als ik naar kat met een hoofdletter C hebben we een probleem.
Hetzelfde als een goede hond met een hoofdletter C.
En dat komt omdat de binnenkant van onze geluiden bezwaar dat ze niet hoofdletters.
De sleutel is hier varken met een kleine letter P hond met een kleine letter D en in plaats van te dupliceren we konden de hond doen komt overeen met Wolf Wolf.
Dat is echt niet droog.
Wat we kunnen doen in plaats daarvan is net op het geval van het dier zoals het komt in.
Dus een verzoek voor een dier moet naar kleine letters, net als dat.
En nu opnieuw opstarten we nog een keer vernieuwen en nu hoofdletters D voor hond en kleine letters werken net hetzelfde.
Daar gaan we.
Dus dat is het voor deze route.
De volgende route is de herhaling route.
Dus we gaan naar een apt te krijgen en we weten dat we gaan Slash herhalingen te hebben en dan moeten we twee variabelen of twee parameters in de route.
De eerste is de boodschap.
Dus we noemen het bericht te herhalen.
En de tweede is het aantal keren.
En doet oproep dat de tijden en we zullen aan onze callback op verzoek en de reactie die code die wordt uitgevoerd wanneer deze route is geraakt.
En de binnenkant van hier waarom beginnen we niet alleen het vastleggen van deze twee variabelen.
Dus var bericht gelijk verzoek top harams boodschap en var keer gelijk verzoeken.
Harams tijden en overstromingen doen een reactie te sturen.
En we zullen gewoon bericht plus boodschap doen gewoon om te zien wat het is.
En we zullen ook doen plus tijden is klasse tijden.
Dus gewoon om ervoor te zorgen dat we krijgen bericht en tijden juist meer kan opstarten van de server weer terug te vernieuwen in deze tijd ga naar slash herhalen en we zullen doen hello slash een en krijgen we berichten Hallo tijden is één en als we dat veranderen.
Het werkt prima.
OK dus nu laten we terug gaan en werken aan dit daadwerkelijk krijgen om te werken waar we herhalen boodschap tijden aantal keren en het eerste wat we willen doen is ervoor zorgen dat de tijden is een getal.
Want nu is het een string.
Dus we misschien wel eens gevraagd, net als dat nummer te doen en dan moeten we een lus te doen.
Dus we gaan doorlopen.
Dus zal ik gewoon beginnen met de voor de lus voor var ik gelijk.
Minder dan keer.
Plus plus zomaar.
En dan de binnenkant van hier wat we moeten doen is het toevoegen van een bericht aan een variabele.
Dus elke keer door de lus voegen we in de boodschap en we zullen maken van deze reus Stringer potentieel een gigantische string die we vervolgens verzendt aan het eind.
We kunnen alleen maar doen roodstaart stuur één keer wanneer u een verzoek om een ​​website te maken krijg je een reactie terug.
Je hoeft niet meerdere antwoorden te krijgen en roodstaart send stuurt het antwoord dus we kunnen niet gewoon rusten uit te zenden in de loop omdat het alleen zal gebeuren de eerste keer.
En dan zijn we klaar.
Dus moeten we een doorstart send doen.
En laten we gewoon opnieuw op te starten en het resultaat dat is een variabele die nog niet bestaat, dat we nodig hebben om te definiëren en we beginnen met var resultaat is gelijk aan loze string.
En dan in de lus elke keer dat we zullen resulteren plus evenaart boodschap net als dat.
En dit zal dan terug te sturen het resultaat string die we hebben gebouwd dat we door te gaan door middel van deze lus hebt gebouwd.
Zo start u de server weer te vernieuwen en net iets meer beheersbaar als hi slash 10 doen.
En het lijkt erop dat we 10 hoogste let's do drie krijgt drie jongens er.
Maar ik wil wel spaties tussen hen en om dat te doen.
Het is een eenvoudige verandering die we zullen gewoon een spatie toe te voegen.
We zullen gewoon voeg een spatie achter voegen we in boodschap en opnieuw opstarten refresh.
En nu krijgen we een hoge ruimte hoge ruimte hoog.
En laten we een lage slash 1000.
Daar gaan we.
Het lijkt me goed.
Het laatste wat is het krijgen van de catchall route die wordt verondersteld om het jammer pagina af te drukken niet gevonden.
Wat doe je met je leven om dit werk te maken.
We moeten naar het sterretje te gebruiken.
Dus we komen terug en ga gewoon aan de onderkant van het bestand apt get ster en dan is onze functie verzoek en reactie.
En dan hier zullen we een roodstaart send doen en plak die string in en sla de allerlaatste keer herstart de server.
Laten we terug gaan vernieuwen en proberen naar een route die niet bestaat als deze.
Vergeet sorry.
Pagina niet gevonden.
Wat doe je met je leven.
Oké dus dat is het voor deze oefening.
Coming up next gaan we blijven werken met Express.
We gaan om te praten over hoe we met HDMI kunnen werken al hoe we weer een hele bestand van de HDMI-nu kan sturen.
We gaan om te praten over sjablonen en iets genaamd de Ejay Yes staat voor embedded Javascript.