Første trin med Node.js

Node.js er et alternativ, der forenkler webudvikling, tidligere måtte flere sprog læres for at præsentere den del af serverbehandlingen, Front-end og brug derefter utallige timer på at oprette servere.
Med kun ét sprog som det er JavaScript og tak til motoren V8 udviklet af Google, vi har adgang til at anvende det samme sprog på server, Bagende Y Front-end, dette får os til at bruge mindre tid på at lære forskellige former for syntaks og dermed koncentrere os om det, der virkelig betyder noget for os, nemlig at udføre vores ideer.
KravFor at udføre de øvelser og eksempler, der foreslås i denne vejledning, skal vi have en installation med den nyeste version af Node.js. Dette er meget let at få, i dette tilfælde vil vi bruge installationsprogrammet Windows at vi får direkte fra det officielle Node.js -websted, det kører som ethvert installationsprogram og genererer derefter en direkte adgang til konsollen Node.js hvor vi kan udføre de nødvendige scripts.
Node.js Det giver os mulighed for at generere yderst effektive webservere uden behov for store konfigurationer. Derudover tillader anvendelsen af ​​det samme sprog os at undgå adskillelse af kode mellem applikationen og tjenesten. For at oprette vores første server skal vi følge følgende trin:
1- Først åbner vi konsollen Node.js og vi placerer os selv i en mappe, hvor vi kan udføre den, i den mappe skal vi oprette en fil kaldet server.jsDette navn er ikke nødvendigt, men det er en god praksis at kalde den fil, som webserveren vil oprette på denne måde.
2- Når vi har filen, installerer vi via npm ansøgningen tilsynsførende, vil dette verificere hver gang der sker en ændring i den angivne fil, skal du genstarte serveren med det samme, for dette skal du blot placere følgende kommando i konsollen:

 npm install -g supervisor

Denne installation skal se sådan ud, når vi kører den på vores konsol:

3- Når vi allerede har installeret tilsynsførende lad os få denne til at lytte så at sige for ændringer i vores fil server.js, for dette skal vi placere følgende kommando efter installationen:

 supervisor server.js

Da vi stadig ikke har nogen gyldig kode, har vi ingen resultater i konsollen, og vi vil se en række meddelelser, der angiver dette, som vi kan se på følgende billede:

4- Nu hvor vi har vores baser, skal vi derefter oprette koden til vores webserver, dette understøttes i biblioteket http af Node.js og med dette kan vi oprette en funktionel server ved hjælp af metoden createServer (), dette skal simpelthen returnere et lille indhold, for ikke at miste den vane, vi skal lave en "Hej Verden!", lad os se den kode, som vi vil inkludere i vores fil server.js:

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

Som vi ser ganske enkelt med en kræve vi importerer http bibliotek, derefter med metoden createServer vi genererer en webserver og med objektet respons Vi opretter overskriften på svaret og vores besked. For at afslutte angiver vi for vores server, at den skal acceptere indgående forbindelser via porten 8082, hvor når vi kører vores eksempel i vores lokal vært i den angivne port vil det se sådan ud:

5- Hvis vi foretager ændringer i server.js -filen, takket være tilsynsførende tjenesten tager dem uden behov for at genstarte manuelt Node.js, så kun ved at opdatere browseren vil vi få vores ændringer reflekteret med lille indsats.
Som vi nævnte i begyndelsen, Node.js Det giver os mulighed for at betjene statisk indhold direkte fra vores serverapplikation, dette er vist som en fordel, når vi vil udvikle applikationer med en monolitisk kerne, det vil sige uden fragmentering eller revner på grund af brugen af ​​forskellige teknologier.
For at udføre denne vejledning skal vi oprette en række filer i en mappe kaldet indhold, de filer, der skal oprettes, vil være følgende:
index.htmlDet vil være den oprindelige fil og som standard vil den indeholde en grundstruktur HTML.
style.cssDet er vores fil med typografiark, vi går med denne fil for at ændre udseendet af vores applikation.
script.jsHer kan vi se, hvordan vi kan bruge vores sædvanlige scripts i JavaScript på trods af at køre vores ansøgning ind Node.js.
Nu hvor vi har defineret vores filer, lad os se indholdet i hver enkelt, for filen index.html vi inkluderer følgende:

 Vores første Node.js -server Hej verden 

Som vi kan se er det en simpel side med en grundlæggende struktur, hvor vi kalder de eksterne filer styles.css Y script.js, og i kroppen lægger vi et enkelt budskab. Så i vores fil styles.css der hjælper os med at ændre udseendet af vores side, skal vi placere følgende kodelinjer:

 #hej {font-size: 5em; baggrund: grå; farve: grøn; polstring: 0,5em}

Endelig i filen script.js Vi vil placere en kode, der vil frembringe en besked, når siden er fuldt indlæst, denne kode er som følger:

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

For at have alt på ét sted og opretholde orden i vores udvikling, vil vi være vært for disse filer i en mappe kaldet indhold.
Hvad mangler vi?Når dette er gjort, behøver vi kun at bygge serveren, den første ting vi skal gøre er at inkludere de relevante biblioteker, i dette tilfælde har vi brug for den, vi allerede kender, hvilket er http, derudover får vi brug for sti som skal bygge ruter og endelig fs som er til filtjenesten.
Vi går til vores arkiv server.js som skal være roden til vores projekt og nu inden for vores blok af createServer () vi vil indikere, at Url strøm som basis og med et objekt for fs Vi vil validere, hvis filerne findes, hvis de ikke gør det, smider vi en Fejl 404 fil ikke fundet. Lad os se koden til funktionaliteten beskrevet ovenfor:

 var http = require ('http'); var path = require ('path'); var fs = require ('fs'); http.createServer (funktion (anmodning, svar) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, funktion (findes) {console.log (findes? search_file + "hvis der findes": search_file + "findes ikke");});}). lyt (8082);

Problemet, vi har, er, at dette stadig ikke hjælper os med at betjene filerne, derfor skal vi bruge en metode til fs der giver os mulighed for at læse filerne, og med dette kan vi sende dem til browseren, som vi kan se i følgende kode:

 var http = require ('http'); var path = require ('path'); var fs = require ('fs'); http.createServer (funktion (anmodning, 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, funktion (fejl, data) {if (err) {response.writeHead (500); response.end ('Serverfejl'); return;} var headers = {'Content-type': mimeTypes [sti .ekstnavn (search_file)]}; response.writeHead (200, headers); response.end (data);}); return;} response.writeHead (404); response.end ();});}). lyt (8082 );

Som vi ser nu med metoden readFile () vi kan først validere, hvis der ikke er en serverfejl i din ring tilbage og for det andet kan vi få den filtype, vi vil betjene fra listen over typer, med dette kan vi generere overskriften HTTP nødvendigt, så browseren ikke behøver at fortolke dataene på sin egen måde.
Hvis ingen af ​​handlingerne returnerer et resultat, skal vi sende browseren et svar 404, på denne måde vil vi bryde anmodningen, og vi vil angive for brugeren, at det, de leder efter, ikke er i den angivne sti. Som vi gjorde i det foregående eksempel vil vi fortælle Node.js at den port, hvor den skulle tage anmodningerne, skal være 8082, som er en port, der normalt er gratis og dermed ikke har konflikter med andre tjenester. Endelig skriver vi svaret på filen og udfører vores tilsynsførende igen, hvis vi har stoppet tjenesten, som vi kan se på følgende billede:

Når dette er gjort, går vi til vores browser og kører på port 8082, og vi kan se output fra vores program, der skal ligne følgende billede:

FORSTØRRE

Dette viser os alle kraften og alsidigheden ved Node.js, som vi kunne kontrollere, at der ikke var behov for at bruge et andet sprog end det JavaScript til udvikling.
VigtigDet er vigtigt at undersøge noget npm hvad er han nodepakkehåndtering, da vi med dette værktøj kan få mange pakker, der kan tjene os, blandt dem er nogle rammer det giver os mulighed for at forenkle al den kode, vi har set her, ud over andre komponenter udviklet af fællesskabet for at spare arbejde for udvikleren af Node.js.
Med dette har vi afsluttet selvstudiet, vi har oprettet en server, og vi har også lært, hvordan man betjener statiske filer. Hvis vi havde brugt en traditionel teknologi som PHP For at opnå dette resultat ville vi først have brug for en traditionel server som Apache eller nginx, hvor vi også skal konfigurere dem, ville udskrivning af koden have brug for et andet sprog, henvist til JavaScript kun på kundens side og spilder derved sine store muligheder.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt