Prvi koraci s Node.js

Node.js je alternativa koja pojednostavljuje web razvoj, u prošlosti je trebalo naučiti nekoliko jezika kako bi se prezentirao dio obrade poslužitelja, Prednji kraj a zatim provesti bezbroj sati postavljajući poslužitelje.
Sa samo jednim jezikom kakav jest JavaScript a zahvaljujući motoru V8 razvijen od Google, imamo pristup za primjenu istog jezika na poslužitelja, Back-end Y Prednji kraj, to nas dovodi do toga da trošimo manje vremena na učenje različitih oblika sintakse i tako se koncentriramo na ono što nam je zaista važno, a to je provođenje naših ideja.
ZahtjeviZa izvođenje vježbi i primjera predloženih u ovom vodiču moramo imati instalaciju s najnovijom verzijom Node.js. To je vrlo lako postići, u ovom slučaju koristit ćemo instalacijski program Windows koju dobivamo izravno sa službene web stranice Node.js, ona radi kao i svaki instalater, a zatim generira izravan pristup konzoli Node.js gdje možemo izvršiti potrebne skripte.
Node.js Omogućuje nam generiranje visoko učinkovitih web poslužitelja bez potrebe za velikim konfiguracijama, osim toga, primjena istog jezika omogućuje nam izbjegavanje razdvajanja koda između aplikacije i usluge. Za izradu našeg prvog poslužitelja moramo slijediti sljedeće korake:
1- Prvo otvorimo konzolu Node.js i stavljamo se u mapu u kojoj to možemo izvršiti, u toj mapi stvorit ćemo datoteku pod nazivom server.jsOvo ime nije potrebno, ali dobra je praksa pozvati datoteku koju će web poslužitelj stvoriti na ovaj način.
2- Nakon što dobijemo datoteku, instalirat ćemo putem npm aplikacija nadglednik, ovo će se provjeriti svaki put kad se dogodi promjena u navedenoj datoteci, morate odmah ponovno pokrenuti poslužitelj, za to samo trebate postaviti sljedeću naredbu u konzolu:

 npm install -g nadzornik

Ova instalacija bi trebala izgledati ovako kada je pokrenemo na našoj konzoli:

3- Nakon što smo već instalirali nadglednik učinimo da ovo preslušamo tako da govorimo o promjenama u našoj datoteci server.js, za to moramo postaviti sljedeću naredbu nakon instalacije:

 poslužitelj nadzornika.js

Kako još uvijek nemamo valjani kôd, nećemo imati nikakvih rezultata u konzoli i vidjet ćemo niz poruka koje to označavaju, kao što možemo vidjeti na sljedećoj slici:

4- Sada kada imamo svoje baze, tada moramo stvoriti kôd za naš web poslužitelj, to će biti podržano u knjižnici http od Node.js i s ovim možemo stvoriti funkcionalni poslužitelj pomoću metode createServer (), ovo jednostavno mora vratiti mali sadržaj, kako ne bismo izgubili naviku koju ćemo stvoriti "Pozdrav svijete!", pogledajmo kod koji ćemo uključiti u našu datoteku server.js:

 var http = require ('http'); http.createServer (funkcija (zahtjev, odgovor) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). listen (8082);

Kao što vidimo jednostavno s a zahtijevaju uvozimo http biblioteka, zatim s metodom createServer generiramo web poslužitelj i s objektom odgovor Mi stvaramo zaglavlje odgovora i naše poruke, da bismo na kraju naznačili našem poslužitelju da mora prihvatiti dolazne veze putem porta 8082, gdje pri izvođenju našeg primjera u našem localhost u naznačenom portu to će izgledati ovako:

5- Ako promijenimo datoteku server.js, hvala na nadglednik usluga će ih odvesti bez potrebe za ručnim ponovnim pokretanjem Node.js, pa ćemo samo osvježavanjem preglednika naše promjene reflektirati uz malo truda.
Kao što smo spomenuli na početku, Node.js Omogućuje nam posluživanje statičkog sadržaja izravno iz naše poslužiteljske aplikacije, to se pokazuje kao prednost kada želimo razvijati aplikacije s monolitnom jezgrom, odnosno bez fragmentacije ili pukotina zbog uporabe različitih tehnologija.
Kako bismo izvršili ovaj vodič, stvorit ćemo niz datoteka u mapi pod nazivom content, datoteke za stvaranje bit će sljedeće:
index.htmlTo će biti početna datoteka i prema zadanim će postavkama sadržavati osnovnu strukturu HTML.
stil.cssTo je naša datoteka sa stilovima, s ovom datotekom idemo promijeniti izgled naše aplikacije.
script.jsOvdje možemo vidjeti kako možemo koristiti svoje uobičajene skripte u JavaScript unatoč pokretanju naše aplikacije Node.js.
Sada kada smo definirali naše datoteke, pogledajmo sadržaj svake datoteke index.html uključit ćemo sljedeće:

 Naš prvi Node.js poslužitelj Hello World 

Kao što vidimo, to je jednostavna stranica s osnovnom strukturom na kojoj zovemo vanjske datoteke stilovi.css Y script.js, a u tijelo stavljamo jednostavnu poruku. Zatim u našoj datoteci stilovi.css koji će nam pomoći da izmijenimo izgled naše stranice, moramo postaviti sljedeće redove koda:

 #hello {font-size: 5em; pozadina: siva; boja: zelena; padding: 0.5em}

Konačno u datoteci script.js Postavit ćemo kôd koji će prikazati poruku kada se stranica potpuno učita, ovaj kôd je sljedeći:

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

Kako bismo imali sve na jednom mjestu i održavali red u svom razvoju, mi ćemo te datoteke smjestiti u mapu pod nazivom sadržaj.
Što nam nedostaje?Nakon što to učinimo, moramo samo izgraditi poslužitelj, prvo što moramo učiniti je uključiti odgovarajuće knjižnice, u ovom slučaju trebat će nam ona koju već poznajemo, a to je http, dodatno će nam trebati staza koja treba izgraditi rute i konačno fs koji je za datotečni servis.
Idemo u našu arhivu server.js što mora biti u korijenu našeg projekta i sada unutar našeg bloka createServer () pokazat ćemo da je URL struja kao baza i s objektom od fs Provjerit ćemo postoje li datoteke, a u slučaju da ne postoje, bacit ćemo Pogreška 404 datoteka nije pronađena. Pogledajmo kod gore opisane funkcionalnosti:

 var http = require ('http'); var path = require ('path'); var fs = zahtijevaju ('fs'); http.createServer (funkcija (zahtjev, odgovor) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + datoteka_pretraživanja; fs.exists (f, funkcija (postoji) {console.log (postoji? datoteka_pretraživanja + "ako postoji": datoteka_pretraživanja + "ne postoji");});}). listen (8082);

Problem koji imamo je što nam to i dalje ne pomaže u posluživanju datoteka, zato moramo koristiti metodu fs to nam omogućuje čitanje datoteka i s tim ih možemo poslati u preglednik kao što vidimo u sljedećem kodu:

 var http = require ('http'); var path = require ('path'); var fs = zahtijevaju ('fs'); http.createServer (funkcija (zahtjev, odgovor) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + datoteka_pretraživanja; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css ':' text / css '}; fs.exists (f, funkcija (postoji) {if (postoji) {fs.readFile (f, funkcija (greška, podaci) {if (pogreška) {response.writeHead (500); response.end ('Pogreška poslužitelja'); return;} var headers = {'Content-type': mimeTypes [path .extname (datoteka_pretraživanja)]}}; response.writeHead (200, zaglavlja); response.end (podaci);}); return;} response.writeHead (404); response.end ();});}). listen (8082 );

Kao što sada vidimo s metodom readFile () možemo prvo potvrditi ako u vašem nema greške poslužitelja uzvratiti poziv i drugo, možemo dobiti vrstu datoteke koju želimo poslužiti s popisa vrsta, s tim možemo generirati zaglavlje HTTP potrebno kako preglednik ne bi morao tumačiti podatke na svoj način.
Ako nijedna od radnji ne vrati rezultat, moramo poslati pregledniku odgovor 404, na ovaj način ćemo razbiti zahtjev i naznačit ćemo korisniku da ono što traži nije na navedenoj putanji. Kao što smo učinili u prethodnom primjeru, reći ćemo Node.js da luka u kojoj bi trebao primati zahtjeve mora biti 8082, koji je luka koja je obično besplatna i stoga nema sukoba s drugim uslugama. Na kraju zapisujemo odgovor datoteke i izvršavamo naš nadglednik opet u slučaju da smo zaustavili uslugu kao što možemo vidjeti na sljedećoj slici:

Nakon što to učinimo, idemo u naš preglednik i izvršavamo na portu 8082 i možemo vidjeti izlaz našeg programa koji bi trebao izgledati kao sljedeća slika:

POVEĆAJTE

To nam pokazuje svu moć i svestranost Node.js, s kojim smo uspjeli provjeriti da nema potrebe za korištenjem jezika osim jezika za JavaScript za razvoj.
VažnoVažno je provesti neka istraživanja o tome npm što je on upravitelj paketa čvorova, budući da pomoću ovog alata možemo dobiti mnogo paketa koji nam mogu poslužiti, među njima je i nekoliko okvirima to će nam omogućiti da pojednostavimo sav kôd koji smo ovdje vidjeli, uz ostale komponente koje je razvila zajednica kako bi uštedjeli posao za programera Node.js.
Ovime smo završili vodič, stvorili smo poslužitelj i naučili smo posluživati ​​statičke datoteke. Da smo koristili tradicionalnu tehnologiju poput PHP Da bismo postigli ovaj rezultat, prvo bismo trebali tradicionalni poslužitelj poput Apač ili nginx, gdje ih moramo i konfigurirati, za ispis koda trebao bi biti drugačiji jezik, prelaskom na JavaScript samo na strani kupca i time troše njegove velike mogućnosti.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod