Primii pași cu Node.js

Node.js este o alternativă care simplifică dezvoltarea web, în ​​trecut trebuiau învățate mai multe limbi pentru a prezenta partea de procesare a serverului, În față și apoi petrece nenumărate ore configurând servere.
Cu o singură limbă așa cum este JavaScript și datorită motorului V8 dezvoltat de Google, avem acces pentru a aplica aceeași limbă Server, Back-end Da În față, acest lucru ne determină să petrecem mai puțin timp învățând diferite forme de sintaxă și să ne concentrăm astfel pe ceea ce contează cu adevărat pentru noi, adică să ne realizăm ideile.
CerințePentru a efectua exercițiile și exemplele propuse în acest tutorial, trebuie să avem o instalare cu cea mai recentă versiune de Node.js. Acest lucru este foarte ușor de obținut, în acest caz vom folosi programul de instalare Windows pe care îl obținem direct de pe site-ul oficial Node.js, rulează ca orice instalator și apoi generează un acces direct la consolă Node.js unde putem executa scripturile necesare.
Node.js Ne permite să generăm servere web extrem de eficiente fără a fi nevoie de configurații mari, în plus, aplicarea aceluiași limbaj ne permite să evităm separarea codului între aplicație și serviciu. Pentru a crea primul nostru server trebuie să urmăm pașii următori:
1- Mai întâi deschidem consola Node.js și ne plasăm într-un folder unde îl putem executa, în acel folder vom crea un fișier numit server.jsAcest nume nu este necesar, dar este o practică bună să apelați fișierul pe care serverul web îl va crea în acest fel.
2- Odată ce avem fișierul, îl vom instala prin npm aplicația supraveghetor, acest lucru se va verifica de fiecare dată când apare o modificare în fișierul indicat, trebuie să reporniți serverul imediat, pentru aceasta trebuie doar să plasați următoarea comandă în consolă:

 npm install -g supervizor

Această instalare ar trebui să arate astfel când o rulăm pe consola noastră:

3- Odată ce am instalat deja supraveghetor să ascultăm acest lucru ca să spunem așa pentru modificări ale fișierului nostru server.js, pentru aceasta trebuie să plasăm următoarea comandă după instalare:

 server de supraveghere server.js

Deoarece încă nu avem niciun cod valid, nu vom avea rezultate în consolă și vom vedea o serie de mesaje care denotă acest lucru, așa cum putem vedea în următoarea imagine:

4- Acum, că avem bazele noastre, trebuie să creăm codul pentru serverul nostru web, acesta va fi acceptat în bibliotecă http de Node.js și cu aceasta putem crea un server funcțional folosind metoda createServer (), acest lucru trebuie pur și simplu să returneze un conținut mic, pentru a nu pierde obiceiul pe care urmează să-l facem "Salut Lume!", să vedem codul pe care îl vom include în fișierul nostru server.js:

 var http = require ('http'); http.createServer (funcție (cerere, răspuns) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). listen (8082);

După cum vedem pur și simplu cu un solicita importăm biblioteca http, apoi cu metoda createServer generăm un server web și cu obiectul raspuns Creăm antetul răspunsului și mesajul nostru, pentru a termina îi indicăm serverului că trebuie să accepte conexiunile primite prin port 8082, unde când rulăm exemplul nostru în gazdă locală în portul indicat va arăta astfel:

5- Dacă facem modificări în fișierul server.js, mulțumesc supraveghetor serviciul le va lua fără a fi nevoie să reporniți manual Node.js, deci numai prin reîmprospătarea browserului vom avea modificările noastre reflectate cu puțin efort.
După cum am menționat la început, Node.js Ne permite să servim conținut static direct din aplicația noastră de server, acest lucru este prezentat ca un avantaj atunci când dorim să dezvoltăm aplicații cu un nucleu monolitic, adică fără fragmentare sau fisuri datorită utilizării diferitelor tehnologii.
Pentru a realiza acest tutorial, vom crea o serie de fișiere într-un folder numit conținut, fișierele de creat vor fi următoarele:
index.htmlVa fi fișierul inițial și implicit va conține o structură de bază HTML.
stil.cssEste fișierul nostru cu foi de stil, mergem cu acest fișier pentru a modifica aspectul aplicației noastre.
script.jsAici putem vedea cum putem folosi scripturile noastre obișnuite în JavaScript în ciuda rularii aplicației noastre în Node.js.
Acum că ne-am definit fișierele, să vedem conținutul fiecăruia, pentru fișier index.html vom include următoarele:

 Primul nostru server Node.js Hello World 

După cum putem vedea, este o pagină simplă cu o structură de bază în care numim fișierele externe stiluri.css Da script.js, iar în corp punem un mesaj simplu. Apoi în dosarul nostru stiluri.css care ne va ajuta să modificăm aspectul paginii noastre, trebuie să plasăm următoarele linii de cod:

 #hello {font-size: 5em; fundal: gri; culoare: verde; căptușeală: 0,5em}

În cele din urmă în fișier script.js Vom plasa un cod care va genera un mesaj atunci când pagina s-a încărcat complet, acest cod este după cum urmează:

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

Pentru a avea totul într-un singur loc și pentru a menține ordinea în dezvoltarea noastră, vom găzdui aceste fișiere într-un folder numit conținut.
Ce ne lipsește?Odată ce acest lucru este făcut, trebuie doar să construim serverul, primul lucru pe care trebuie să-l facem este să includem bibliotecile corespunzătoare, în acest caz vom avea nevoie de cel pe care îl știm deja, care este http, în plus, vom avea nevoie cale care este de a construi rute și în cele din urmă fs care este pentru serviciul de fișiere.
Mergem la arhiva noastră server.js care trebuie să fie la baza proiectului nostru și acum în blocul nostru de createServer () vom indica faptul că Url curent ca bază și cu obiect de fs Vom valida dacă există fișiere, în cazul în care nu există, vom arunca un Eroare 404 fișierul nu a fost găsit. Să vedem codul funcționalității descrise mai sus:

 var http = require ('http'); var cale = require ('cale'); var fs = require ('fs'); http.createServer (funcție (cerere, răspuns) {var căutare_fișier = cale.basename (decodeURI (solicitare.url)) || 'index.html'; var f = 'conținut /' + căutare fișier; fs.exists (f, funcție (există) {console.log (există? căutare_fișier + "dacă există": căutare fișier + "nu există");});}). asculta (8082);

Problema pe care o avem este că acest lucru încă nu ne ajută să servim fișierele, de aceea trebuie să folosim o metodă de fs care ne permite să citim fișierele și cu aceasta îl putem trimite browserului așa cum putem vedea în următorul cod:

 var http = require ('http'); var cale = require ('cale'); var fs = require ('fs'); http.createServer (funcție (cerere, răspuns) {var căutare_fisier = cale.basename (decodeURI (cerere.url)) || 'index.html'; var f = 'conținut /' + căutare fișier; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css ':' text / css '}; fs.exists (f, funcție (există) {dacă (există) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [cale .extname (search_file)]}; response.writeHead (200, headers); response.end (data);}); return;} response.writeHead (404); response.end ();});}). asculta (8082 );

După cum vedem acum cu metoda readFile () mai întâi putem valida dacă nu există nicio eroare de server în sună din nou și în al doilea rând putem obține tipul de fișier pe care dorim să îl difuzăm din lista de tipuri, cu aceasta putem genera antetul HTTP necesar, astfel încât browserul să nu trebuiască să interpreteze datele în felul său.
Dacă niciuna dintre acțiuni nu returnează un rezultat, trebuie să trimitem un răspuns browserului 404, în acest fel vom sparge solicitarea și îi vom indica utilizatorului că ceea ce caută nu se află în calea specificată. Așa cum am făcut în exemplul anterior, vom spune Node.js că portul unde ar trebui să ia cererile trebuie să fie 8082, care este un port care este de obicei gratuit și, prin urmare, nu are conflicte cu alte servicii. În cele din urmă, scriem răspunsul fișierului și îl executăm supraveghetor din nou în cazul în care am oprit serviciul așa cum putem vedea în următoarea imagine:

Odată ce acest lucru este făcut, mergem la browserul nostru și executăm pe portul 8082 și putem vedea rezultatul programului nostru care ar trebui să arate ca următoarea imagine:

MARI

Acest lucru ne arată toată puterea și versatilitatea Node.js, cu care am putut verifica dacă nu era nevoie să folosim o altă limbă decât cea a JavaScript pentru dezvoltare.
ImportantEste important să faceți unele cercetări asupra npm ceea ce este el manager de pachete nod, deoarece cu acest instrument putem obține multe pachete care ne pot servi, printre care se numără unele cadre care ne va permite să simplificăm tot codul pe care l-am văzut aici, în plus față de alte componente dezvoltate de comunitate pentru a salva munca pentru dezvoltatorul de Node.js.
Cu aceasta am terminat tutorialul, am creat un server și am învățat, de asemenea, cum să servim fișiere statice. Dacă am fi folosit o tehnologie tradițională ca. PHP Pentru a obține acest rezultat, mai întâi am avea nevoie de un server tradițional ca Apache sau nginx, unde trebuie să le configurăm, imprimarea codului ar fi avut nevoie de o altă limbă, retrogradând la JavaScript numai de partea clientului și prin urmare irosindu-și marile capabilități.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv