Første trinn med Node.js

Node.js er et alternativ som forenkler webutvikling, tidligere måtte flere språk læres for å presentere delen av serverbehandlingen, Front-end og bruk deretter utallige timer på å sette opp servere.
Med bare ett språk som det er JavaScript og takk til motoren V8 utviklet av Google, har vi tilgang til å bruke samme språk på server, Baksiden Y Front-end, fører dette til at vi bruker mindre tid på å lære ulike former for syntaks og dermed konsentrere oss om det som virkelig betyr noe for oss, det vil si å utføre våre ideer.
KravFor å utføre øvelsene og eksemplene som er foreslått i denne opplæringen, må vi ha en installasjon med den nyeste versjonen av Node.js. Dette er veldig enkelt å få tak i, i dette tilfellet skal vi bruke installasjonsprogrammet Windows som vi får direkte fra det offisielle Node.js -nettstedet, kjører det som et hvilket som helst installasjonsprogram og genererer deretter en direkte tilgang til konsollen Node.js hvor vi kan utføre de nødvendige skriptene.
Node.js Det lar oss generere svært effektive webservere uten behov for store konfigurasjoner. I tillegg tillater applikasjonen av det samme språket oss å unngå adskillelse av kode mellom applikasjonen og tjenesten. For å lage vår første server må vi følge følgende trinn:
1- Først åpner vi konsollen Node.js og vi plasserer oss i en mappe der vi kan utføre den, i den mappen skal vi lage en fil som heter server.jsDette navnet er ikke nødvendig, men det er en god praksis å ringe filen som webserveren vil opprette på denne måten.
2- Når vi har filen, installerer vi via npm søknaden veileder, vil dette verifisere hver gang det skjer en endring i den angitte filen, må du starte serveren på nytt umiddelbart, for dette trenger du bare å plassere følgende kommando i konsollen:

 npm install -g veileder

Denne installasjonen skal se slik ut når vi kjører den på konsollen:

3- Når vi allerede har installert veileder la oss få denne til å lytte så å si for endringer i filen vår server.js, for dette må vi plassere følgende kommando etter installasjon:

 veileder server.js

Siden vi fremdeles ikke har noen gyldig kode, vil vi ikke ha noen resultater i konsollen, og vi vil se en rekke meldinger som angir dette, som vi kan se på følgende bilde:

4- Nå som vi har våre baser, må vi da opprette koden for vår webserver, dette vil bli støttet i biblioteket http av Node.js og med dette kan vi lage en funksjonell server ved hjelp av metoden createServer (), dette må ganske enkelt returnere et lite innhold, for ikke å miste vanen vi skal lage en "Hei Verden!", la oss se koden som vi vil inkludere i filen vår server.js:

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

Som vi ser ganske enkelt med en krever vi importerer http -bibliotek, deretter med metoden createServer vi genererer en webserver og med objektet respons Vi lager overskriften til svaret og meldingen vår. Til slutt angir vi for serveren at den må godta innkommende tilkoblinger gjennom porten 8082, hvor når du kjører vårt eksempel i vår lokal vert i den angitte porten vil det se slik ut:

5- Hvis vi gjør endringer i server.js -filen, takket være veileder tjenesten tar dem uten å måtte starte på nytt manuelt Node.js, så bare ved å oppdatere nettleseren vil vi få reflektert våre endringer med liten innsats.
Som vi nevnte i begynnelsen, Node.js Det lar oss servere statisk innhold direkte fra serverapplikasjonen vår, dette er vist som en fordel når vi ønsker å utvikle applikasjoner med en monolitisk kjerne, det vil si uten fragmentering eller sprekker på grunn av bruk av forskjellige teknologier.
For å gjennomføre denne opplæringen skal vi lage en serie filer i en mappe som kalles innhold, filene som skal opprettes vil være følgende:
index.htmlDet vil være den opprinnelige filen og som standard vil den inneholde en grunnstruktur HTML.
style.cssDet er vår fil med stilark, vi går med denne filen for å endre utseendet på applikasjonen vår.
script.jsHer kan vi se hvordan vi kan bruke våre vanlige skript i JavaScript til tross for at du kjører søknaden vår Node.js.
Nå som vi har definert filene våre, la oss se innholdet i hver enkelt, for filen index.html vi vil inkludere følgende:

 Vår første Node.js -server Hei verden 

Som vi kan se er det en enkel side med en grunnleggende struktur der vi kaller de eksterne filene styles.css Y script.js, og i kroppen legger vi et enkelt budskap. Så i filen vår styles.css som vil hjelpe oss med å endre utseendet på siden vår, må vi plassere følgende kodelinjer:

 #hei {skriftstørrelse: 5em; bakgrunn: grå; farge: grønn; polstring: 0,5em}

Til slutt i filen script.js Vi kommer til å plassere en kode som vil gi en melding når siden er fullstendig lastet inn, denne koden er som følger:

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

For å ha alt på ett sted og opprettholde orden i utviklingen, kommer vi til å være vert for disse filene i en mappe som heter innhold.
Hva mangler vi?Når dette er gjort, trenger vi bare å bygge serveren. Det første vi må gjøre er å inkludere de riktige bibliotekene, i dette tilfellet trenger vi den vi allerede kjenner, som er http, i tillegg trenger vi sti som skal bygge ruter og til slutt fs som er for filtjenesten.
Vi går til vårt arkiv server.js som må være roten til prosjektet vårt og nå innenfor vår blokk av createServer () vi skal indikere at Url strøm som en base og med et objekt av fs Vi kommer til å validere hvis filene finnes, hvis de ikke gjør det, vil vi kaste en Feil 404 fil ikke funnet. La oss se koden for funksjonaliteten beskrevet ovenfor:

 var http = require ('http'); var path = require ('path'); var fs = krever ('fs'); http.createServer (funksjon (forespørsel, svar) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, funksjon (finnes) {console.log (eksisterer? search_file + "if exist": search_file + "does not exist");});}). listen (8082);

Problemet vi har er at dette fremdeles ikke hjelper oss med å betjene filene, derfor må vi bruke en metode for fs som lar oss lese filene, og med dette kan vi sende dem til nettleseren som vi kan se i følgende kode:

 var http = require ('http'); var path = require ('path'); var fs = krever ('fs'); http.createServer (funksjon (forespørsel, 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, headers); response.end (data);}); return;} response.writeHead (404); response.end ();});}). lytt (8082 );

Som vi ser nå med metoden readFile () vi kan først validere hvis det ikke er noen serverfeil i din Ring tilbake og for det andre kan vi få tak i filtypen vi vil vise fra listen over typer, med dette kan vi generere toppteksten HTTP nødvendig slik at nettleseren ikke trenger å tolke dataene på sin egen måte.
Hvis ingen av handlingene gir et resultat, må vi sende nettleseren et svar 404, på denne måten vil vi bryte forespørselen, og vi vil indikere for brukeren at det de ser etter ikke er i den angitte banen. Som vi gjorde i forrige eksempel, vil vi fortelle Node.js at porten det skal ta forespørslene må være 8082, som er en port som vanligvis er gratis og dermed ikke har konflikter med andre tjenester. Til slutt skriver vi svaret på filen og kjører vår veileder igjen hvis vi har stoppet tjenesten som vi kan se på følgende bilde:

Når dette er gjort, går vi til nettleseren vår og kjører på port 8082, og vi kan se utdataene fra programmet vårt som skal se ut som følgende bilde:

FORSTØRRE

Dette viser oss all kraften og allsidigheten til Node.js, som vi kunne bekrefte at det ikke var behov for å bruke et annet språk enn det JavaScript for utvikling.
ViktigDet er viktig å forske litt på npm hva er han nodepakkebehandlingSiden vi med dette verktøyet kan skaffe mange pakker som kan tjene oss, blant dem er noen rammer som vil tillate oss å forenkle all koden vi har sett her, i tillegg til andre komponenter utviklet av samfunnet for å spare arbeid for utvikleren av Node.js.
Med dette har vi fullført opplæringen, vi har opprettet en server, og vi har også lært hvordan du serverer statiske filer. Hvis vi hadde brukt en tradisjonell teknologi som PHP For å oppnå dette resultatet trenger vi først en tradisjonell server som Apache eller nginx, der vi også må konfigurere dem, ville utskriften av koden trengt et annet språk, henvist til JavaScript bare på kundens side og dermed kaste bort sine store evner.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng