Första stegen med Node.js

Node.js är ett alternativ som förenklar webbutveckling, tidigare behövde man lära sig flera språk för att presentera delen av serverbearbetningen Front-end och spendera sedan otaliga timmar på att konfigurera servrar.
Med bara ett språk som det är JavaScript och tack vare motorn V8 utvecklad av Google, vi har tillgång till att tillämpa samma språk på server, Back-end Y Front-end, detta leder till att vi lägger mindre tid på att lära oss olika former av syntax och därmed koncentrera oss på det som verkligen betyder något för oss, det vill säga att genomföra våra idéer.
KravFör att utföra övningarna och exemplen som föreslås i denna handledning måste vi ha en installation med den senaste versionen av Node.js. Detta är mycket lätt att få, i det här fallet kommer vi att använda installationsprogrammet Windows som vi får direkt från den officiella Node.js -webbplatsen, den körs som vilken installatör som helst och genererar sedan en direkt åtkomst till konsolen Node.js där vi kan köra nödvändiga skript.
Node.js Det gör det möjligt för oss att generera mycket effektiva webbservrar utan behov av stora konfigurationer. Dessutom tillåter tillämpningen av samma språk oss att undvika separering av kod mellan applikationen och tjänsten. För att skapa vår första server måste vi följa följande steg:
1- Först öppnar vi konsolen Node.js och vi placerar oss i en mapp där vi kan köra den, i den mappen ska vi skapa en fil som heter server.jsDetta namn är inte nödvändigt, men det är en bra metod att ringa filen som webbservern kommer att skapa på detta sätt.
2- När vi har filen kommer vi att installera via npm ansökan handledare, kommer detta att verifiera varje gång en ändring inträffar i den angivna filen, du måste starta om servern omedelbart, för detta behöver du bara placera följande kommando i konsolen:

 npm installera -g handledare

Denna installation bör se ut så här när vi kör den på vår konsol:

3- När vi redan har installerat handledare låt oss låta detta lyssna så att säga för ändringar i vår fil server.js, för detta måste vi placera följande kommando efter installationen:

 handledare server.js

Eftersom vi fortfarande inte har någon giltig kod kommer vi inte att ha några resultat i konsolen och vi kommer att se en serie meddelanden som anger detta, som vi kan se i följande bild:

4- Nu när vi har våra baser måste vi sedan skapa koden för vår webbserver, detta kommer att stödjas i biblioteket http av Node.js och med detta kan vi skapa en funktionell server med metoden createServer (), detta måste helt enkelt returnera ett litet innehåll, för att inte förlora den vana som vi ska göra en "Hej världen!", låt oss se koden som vi kommer att inkludera i vår fil server.js:

 var http = require ('http'); http.createServer (funktion (begäran, svar) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). lyssna (8082);

Som vi ser helt enkelt med en behöva vi importerar http -bibliotek, sedan med metoden createServer vi genererar en webbserver och med objektet svar Vi skapar rubriken för svaret och vårt meddelande, för att avsluta anger vi för vår server att den måste acceptera inkommande anslutningar via porten 8082, var när vi kör vårt exempel i vårt lokal värd i den angivna porten kommer det att se ut så här:

5- Om vi ​​gör ändringar i filen server.js, tack vare handledare tjänsten tar dem utan att behöva starta om manuellt Node.js, så bara genom att uppdatera webbläsaren kommer vi att få våra ändringar reflekterade med liten ansträngning.
Som vi nämnde i början, Node.js Det tillåter oss att servera statiskt innehåll direkt från vår serverapplikation, detta visas som en fördel när vi vill utveckla applikationer med en monolitisk kärna, det vill säga utan fragmentering eller sprickor på grund av användning av olika tekniker.
För att genomföra denna handledning kommer vi att skapa en serie filer i en mapp som kallas innehåll, filerna som ska skapas kommer att vara följande:
index.htmlDet kommer att vara den ursprungliga filen och som standard kommer den att innehålla en basstruktur HTML.
style.cssDet är vår fil med formatmallar, vi kommer med den här filen för att ändra utseendet på vår applikation.
script.jsHär kan vi se hur vi kan använda våra vanliga skript i JavaScript trots att vi kör in vår ansökan Node.js.
Nu när vi har definierat våra filer, låt oss se innehållet i var och en för filen index.html vi kommer att inkludera följande:

 Vår första Node.js -server Hello World 

Som vi kan se är det en enkel sida med en grundläggande struktur där vi kallar de externa filerna styles.css Y script.js, och i kroppen sätter vi ett enkelt budskap. Sedan i vår fil styles.css som hjälper oss att ändra utseendet på vår sida måste vi placera följande kodrader:

 #hej {font-size: 5em; bakgrund: grå; färg: grön; vaddering: 0,5em}

Slutligen i filen script.js Vi kommer att placera en kod som lyfter ett meddelande när sidan har laddats helt, den här koden är följande:

 window.onload = function () {alert ('Eureka Works!'); };

För att ha allt på ett ställe och behålla ordning på vår utveckling kommer vi att vara värd för dessa filer i en mapp som heter innehåll.
Vad saknar vi?När detta är gjort behöver vi bara bygga servern. Det första vi måste göra är att inkludera lämpliga bibliotek, i det här fallet behöver vi den vi redan känner, vilket är http, dessutom kommer vi att behöva väg som är att bygga rutter och slutligen fs som är för filtjänsten.
Vi går till vårt arkiv server.js som måste ligga till grund för vårt projekt och nu inom vårt block av createServer () vi kommer att indikera att Url ström som bas och med ett objekt av fs Vi kommer att validera om filerna finns, om de inte gör det kommer vi att kasta en Fel 404 filen hittades inte. Låt oss se koden för funktionaliteten som beskrivs ovan:

 var http = require ('http'); var path = require ('path'); var fs = require ('fs'); http.createServer (funktion (begäran, svar) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, funktion (finns) {console.log (finns? search_file + "if exist": search_file + "existerar inte");});}). lyssna (8082);

Problemet vi har är att detta fortfarande inte hjälper oss att betjäna filerna, det är därför vi måste använda en metod för fs som gör att vi kan läsa filerna och med detta kan vi skicka dem till webbläsaren som vi kan se i följande kod:

 var http = require ('http'); var path = require ('path'); var fs = require ('fs'); http.createServer (funktion (begäran, svar) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css ':' text / css '}; fs.exists (f, function (exist) {if (exist) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [path .extname (search_file)]}; response.writeHead (200, rubriker); response.end (data);}); return;} response.writeHead (404); response.end ();});}). lyssna (8082 );

Som vi ser nu med metoden readFile () vi kan först validera om det inte finns något serverfel i din ring tillbaka och för det andra kan vi få den typ av fil som vi vill visa från listan över typer, med detta kan vi generera rubriken HTTP nödvändigt så att webbläsaren inte behöver tolka data på sitt eget sätt.
Om ingen av åtgärderna ger ett resultat måste vi skicka ett svar till webbläsaren 404, på detta sätt kommer vi att bryta begäran och vi kommer att indikera för användaren att det de letar efter inte finns i den angivna sökvägen. Som vi gjorde i föregående exempel kommer vi att berätta Node.js att porten dit den ska ta förfrågningarna måste vara 8082, som är en port som vanligtvis är gratis och därmed inte har konflikter med andra tjänster. Slutligen skriver vi svaret på filen och kör vår handledare igen om vi har stoppat tjänsten som vi kan se i följande bild:

När detta är gjort går vi till vår webbläsare och kör på port 8082 och vi kan se utdata från vårt program som ska se ut som följande bild:

FÖRSTORA

Detta visar oss all kraft och mångsidighet hos Node.js, som vi kunde verifiera att det inte var nödvändigt att använda ett annat språk än JavaScript för utveckling.
ViktigDet är viktigt att undersöka lite npm vad är han nodpakethanteraren, eftersom vi med detta verktyg kan få många paket som kan tjäna oss, bland dem finns några ramar som gör att vi kan förenkla all kod som vi har sett här, förutom andra komponenter som utvecklats av gemenskapen för att spara arbete för utvecklaren av Node.js.
Med detta har vi avslutat handledningen, vi har skapat en server och vi har också lärt oss hur man servar statiska filer. Om vi ​​hade använt en traditionell teknik som PHP För att uppnå detta resultat skulle vi först behöva en traditionell server som Apache eller nginx, där vi också måste konfigurera dem, skulle utskriften av koden ha behövt ett annat språk, förflyttas till JavaScript bara på kundens sida och därigenom slösa bort dess stora förmågor.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng