Okee.
Dus laten we beginnen door het inzetten van een heel eenvoudige toepassing.
Nogmaals het is gewoon gaat om twee routes naar templates echt heel simpel zijn.
Het eerste wat ik wil doen is gewoon dat de applicatie.
Dus ik zal dat heel snel te doen.
Ik maakte een nieuwe map met de naam implementatie van demo.
Het eerste wat ik doe is NPM en.
En ik ga gewoon om te gaan door de meeste van deze vrij snel.
J.S. zoals mijn entry point.
Anders, dat is alles wat we moeten doen.
Het volgende ding dat ik zal doen is NPM installeren Express en u ook E.J. s dash dash slaan en dash dash.
Save is vooral belangrijk op dit moment als we het inzetten.
We willen ervoor zorgen dat ons pakket dat Jason ga je gang en open dat tot we willen ervoor zorgen dat het over alle van onze afhankelijkheden, want wat er gebeurt is dat we gaan onze code en onze pakket dat Jason dan sturen naar haar Roku gebruiken krijgen is eigenlijk hoe we het doen we gaan sturen naar Heroku servers en dan Heroku is gaan lopen NPM installeren en te installeren wat er in het pakket spullen Jason.
Dus in dit geval Ejay ons en uiten Dus als we iets missen als we niet hebben geuit in dit pakket, dat Jason Heroku niet zou weten om het te installeren.
Dus de sleutel is dat we eigenlijk niet meer dan verzendt het knooppunt modules directory.
Dat gaat niet helemaal naar Roku, want er is geen reden om dat te doen, dat is een punt van NPM in plaats van het verzenden van deze gigantische files en de hele directory's de volledige module van Express.
Alles wat we doen is sturen het pakket dat Jason dat de instructies of het recept we nodig hebben Versneld we het nodig hebben bevat.
Ja.
Soort van een boodschappenlijstje en dan Heroku zal gaan en te downloaden dat alles.
Dus we willen gewoon om ervoor te zorgen dat alles is hier.
In dit geval is het heel kort en eenvoudig, maar als we bij Yelp kamp willen we een grondige controle te doen om ervoor te zorgen dat alles is aanwezig.
Als je iets vergeten het is niet het einde van de wereld.
Ik zal je laten zien hoe dat te doen heb ik bewust zal breken.
Zodra we zetten het kamp, ​​zodat u kunt zien hoe je het te repareren.
Oké dus volgende wat ik wil doen is het maken van mijn app J J.S. en dan ga ik ook naar een van de directory te maken.
En dan, terwijl ik hier laten we uitzicht slash en we zullen gewoon doen thuis vader E. J ..
Ja.
En de andere zal roepen daarover E.J. Ja.
Grote.
Dus gewoon twee keer bekeken.
We zullen ze vullen met heel eenvoudige dingen.
Dus wat we gaan weer in te zetten.
Een toepassing met twee routes twee sjablonen die gaat gewoon afschuwelijk zijn.
Knowsley beoordeelt alleen de absolute minimum.
Maar je kon dit te nemen en je weet implementeren van een portfolio site of implementeren van een blog site of wat je ook doet, dat vereist geen Mongo backend.
Dus laten we dit open te stellen en beginnen met hun app J ons en boven.
Het eerste wat je wilt doen is zeggen uitdrukkelijke gelijken vereisen express en dan zullen we dat doen gelijken Express actief is die functie.
Terwijl we hier zullen we zeggen dat in het begin oog motor ons Ejay en dan is alles wat we zouden moeten doen is nu te verklaren onze touwen.
Dus laten we beginnen met apt gewoon de home page of de route route en we zullen gewoon een rust geven.
En we zullen gewoon wat is onze template thuis roodstaart maken thuis, net als die hetzelfde zal doen, behalve voor klotsen over en zal resulteren maken.
Ongeveer goed.
Dus twee routes met twee verschillende templates.
Nu moeten we in deze sjablonen in te vullen.
Dus laten we eerst thuis en vul die uit.
Dus ik ga gewoon een home page H-1 en we kunnen iets later toe te voegen, maar laten we beginnen met dat en doe hetzelfde voor ongeveer H-1 over Paige.
Okee.
Dus zullen we daar beginnen.
En het laatste wat we nodig hebben voordat we kunnen beginnen met onze server is ons na te luisteren op het einde.
Oke dus dit is onze super eenvoudig app moeten allemaal recensie van vrij vroeg op in de Express-gedeelte van deze cursus.
Dus laten we ervoor zorgen dat dingen werken.
Probeer lopend knooppunt apps.
Ja.
We hadden niet een boodschap uit.
Dus het is gewoon aan het werk ziet er niet erg leuk of niet ons dat het werkt echt zeggen, maar het is dan laten we gaan en een voorbeeld van onze applicatie.
Oop lijkt erop dat we hebben een klein probleem geen standaard motor is opgegeven zonder extensie werd verstrekt.
Wat hebben we in het begin.
View motor.
En natuurlijk heb ik messed up dat.
Het is niet de bedoeling dat een streepje hun visie ruimte motor zijn.
Rechts.
Dus laten we proberen dat nog een keer.
Hopelijk sommigen van jullie gevangen die kunnen vernieuwen.
U kunt ook snel Dit recht hier te openen in de browser.
U kunt hier zien we onze applicatie denk dat we eigenlijk te ontdoen van dat alles.
Daar gaan we.
En als ik naar slash ongeveer krijg ik over de volgende pagina.
Zo zijn twee super eenvoudige wraps en dat is alles wat we gaan doen.
Misschien zullen we voegen in een link.
Dus als we naar huis laten we toe te voegen in een anker tag A-Trak moet gewoon slash over zijn.
Ga naar de Over pagina en dan zullen we dit terug te zetten of te kopiëren die naar de Over pagina en hebben een link naar alleen de route.
Ga naar huis.
OK.
Dus laten we controleren of dat werkt.
Ga naar de Over pagina.
Ga naar huis.
Grote.
Dus hebben we twee routes.
Onze applicatie wordt gedaan.
Awesome toepassing recht.
Dus ik zal dit stilgelegd hier geloven.
Daar gaan we.
En het volgende ding dat we doen is eigenlijk te werken aan de implementatie van dit.
Dus zijn we klaar met de app zelf.
Wederom niet spannend, maar het is het is precies hetzelfde idee als je een mooie goed vormgegeven applicatie of een super eenvoudig te route express app doet.