Hur du ställer in en statisk filserver Node.js (7 / 9 steg)
Steg 7:
Med express installerade vi är redo att börja kodning. Öppna din index.js filen i finder med textredigeraren som levereras som standard med datorn. Du kan göra detta genom kommandot på filen, navigera till menyn Öppna med och välja textredigerare.
Detta bör öppna våra tomma index.js i ett fönster som denna
KODNING TID!!! Här kommer koden, här kommer koden, här kommer koden...
7. Skriv in följande kod till filen och spara den. Jag kommer att förklara det rad för rad nedan.
Del 1 var express = require('express');
Del 2 var app = express();
Del 3 app.listen (3000, funktion () {console.log ("exempel app lyssnar på port 3000!");});
Del 4 app.use(express.static('public'));
Är inte det vackra. Detta är bokstavligen alla koden måste du skapa statiska filservern. Vi är nästan där!
Rad för rad förklaring / / Del1 var express = require('express');
Denna kodrad berättar det program som vi använder den uttryckliga ansökan vi just installerat. Ramen Node.js vi installerat i det första steget kommer att veta vad till gör med den. Om du vet en sak eller två om programmering lägger vi express programmet till en variabel, så att vi kan använda det i resten av vår kod.
Del 2 var app = express();
Denna linje börjar vårt uttryckliga program. Så återigen säger den första raden vi använder express, och den andra en startar programmet så att vi är redo att använda den. Ni kan föreställa er den första raden som du ladda ner ett program för att använda på datorn, och sedan den andra raden egentlig klickande på den för att börja köra den. Vi kan nu använda vår igång express program genom att hänvisa till variabeln app.
Del 3 app.listen (3000, funktion () {console.log ("exempel app lyssnar på port 3000!");});
Denna nästa bit av koden är riktigt cool, men också typ av komplex. Vi tar vår app, som vi skapat och startade i sista raden i koden (del 2) och säga till den att lyssna på något med 3000, och sedan en funktion av något slag. Det ser typ av crazy rätt? Du vet vet om vi inte hade uttryckliga denna enkla kodrad skulle se ut ungefär 50 gånger längre, och 50 gång galnare, så tack express. I tekniska termer vad vi gör här start en lokal server och säga till den att lyssna på saker eller händelser på port 3000. Jag vill inte att förvirra dig för mycket, så om du bara vill lita på mig den här kan du hoppa till nästa rad i koden, men jag försöker och förklara det så enkelt som möjligt. Så återigen Tänk program som kallas app som vi började, vi säger det att göra en server för oss så alla kan komma åt de filer vi anger, precis som en webbplats.
Del 4 app.use(express.static('public'));
Denna sista kodrad är där den riktiga magin händer. Det faktiskt tillåter människor att komma åt filerna vi anger. Det har crazy cool hur mycket kod har varit kondenseras till denna lilla linje, men jag vill bara förklara dess funktion. Något som vi lägger i våra offentliga katalog, kan nu ses av internet när vi kör det här programmet! WOW, om det inte får ni jag inte vet vad som kommer.