Primi passi con Node.js

Nodo.js è un'alternativa che semplifica lo sviluppo web, in passato si dovevano imparare diversi linguaggi per presentare la parte di elaborazione del server, il Fine frontale e poi trascorri innumerevoli ore a configurare i server.
Con una sola lingua così com'è JavaScript e grazie al motore V8 sviluppato da Google, abbiamo accesso per applicare la stessa lingua a server, Back-end sì Fine frontale, questo ci porta a dedicare meno tempo all'apprendimento di varie forme di sintassi e quindi a concentrarci su ciò che conta davvero per noi, ovvero realizzare le nostre idee.
RequisitiPer eseguire gli esercizi e gli esempi proposti in questo tutorial, dobbiamo avere un'installazione con la versione più recente di Nodo.js. Questo è molto facile da ottenere, in questo caso useremo l'installer finestre che otteniamo direttamente dal sito ufficiale di Node.js, funziona come qualsiasi installer e quindi genera un accesso diretto alla console Nodo.js dove possiamo eseguire gli script necessari.
Nodo.js Ci consente di generare server web altamente efficienti senza la necessità di grandi configurazioni, inoltre, l'applicazione dello stesso linguaggio ci consente di evitare la separazione del codice tra l'applicazione e il servizio. Per creare il nostro primo server dobbiamo seguire i seguenti passaggi:
1- Per prima cosa apriamo la console Nodo.js e ci mettiamo in una cartella dove possiamo eseguirlo, in quella cartella creeremo un file chiamato server.jsQuesto nome non è necessario ma è buona norma chiamare il file che il server web creerà in questo modo.
2- Una volta che abbiamo il file, installeremo tramite npm l'applicazione supervisore, questo verificherà ogni volta che si verifica una modifica nel file indicato, è necessario riavviare immediatamente il server, per questo è sufficiente inserire il seguente comando nella console:

 npm install -g supervisore

Questa installazione dovrebbe apparire così quando la eseguiamo sulla nostra console:

3- Una volta che abbiamo già installato supervisore facciamolo ascoltare per così dire per le modifiche al nostro file server.js, per questo dobbiamo inserire il seguente comando dopo l'installazione:

 supervisore server.js

Poiché non abbiamo ancora alcun codice valido, non avremo alcun risultato nella console e vedremo una serie di messaggi che lo indicano, come possiamo vedere nell'immagine seguente:

4- Ora che abbiamo le nostre basi, dobbiamo quindi creare il codice per il nostro server web, questo sarà supportato nella libreria http di Nodo.js e con questo possiamo creare un server funzionale usando il metodo creaServer(), questo deve semplicemente restituire un piccolo contenuto, per non perdere l'abitudine che faremo a "Ciao mondo!", vediamo il codice che inseriremo nel nostro file server.js:

 var http = richiede ('http'); http.createServer (funzione (richiesta, risposta) {response.writeHead (200, {'Content-Type': 'text/html'}); response.end ('');}). listen (8082);

Come vediamo semplicemente con a richiedere importiamo il http libreria, quindi con il metodo createServer generiamo un server web e con l'oggetto risposta Creiamo l'intestazione della risposta e il nostro messaggio, per finire indichiamo al nostro server che deve accettare le connessioni in entrata attraverso la porta 8082, dove durante l'esecuzione del nostro esempio nel nostro localhost nella porta indicata sarà simile a questo:

5- Se apportiamo modifiche al file server.js, grazie a supervisore il servizio li prenderà senza la necessità di riavviare manualmente Nodo.js, quindi solo aggiornando il browser avremo le nostre modifiche riflesse con poco sforzo.
Come abbiamo accennato all'inizio, Nodo.js Ci consente di servire contenuti statici direttamente dalla nostra applicazione server, questo si mostra come un vantaggio quando vogliamo sviluppare applicazioni con un core monolitico, cioè senza frammentazioni o crepe dovute all'uso di tecnologie diverse.
Per realizzare questo tutorial creeremo una serie di file in una cartella chiamata content, i file da creare saranno i seguenti:
index.htmlSarà il file iniziale e per impostazione predefinita conterrà una struttura di base HTML.
stile.cssÈ il nostro file con i fogli di stile, con questo file andremo a modificare l'aspetto della nostra applicazione.
script.jsQui possiamo vedere come possiamo usare i nostri soliti script in JavaScript nonostante l'esecuzione della nostra applicazione in Nodo.js.
Ora che abbiamo definito i nostri file, vediamo il contenuto di ognuno, per il file index.html includeremo quanto segue:

 Il nostro primo server Node.js Hello World 

Come possiamo vedere è una semplice pagina con una struttura di base dove chiamiamo i file esterni stili.css sì script.js, e nel corpo mettiamo un semplice messaggio. Poi nel nostro file stili.css che ci aiuterà a modificare l'aspetto della nostra pagina, dobbiamo inserire le seguenti righe di codice:

 #ciao {font-size: 5em; background: gray; color: green; padding: 0.5em}

Finalmente nel file script.js Inseriremo un codice che genererà un messaggio quando la pagina sarà completamente caricata, questo codice è il seguente:

 window.onload = function () {avviso ('Eureka funziona!'); };

Per avere tutto in un unico posto e mantenere l'ordine nel nostro sviluppo, ospiteremo questi file in una cartella chiamata Contenuti.
Cosa ci manca?Fatto ciò, non ci resta che costruire il server, la prima cosa che dobbiamo fare è includere le librerie appropriate, in questo caso avremo bisogno di quella che già conosciamo, che è http, inoltre avremo bisogno il percorso che è costruire percorsi e infine fs che è per il servizio file.
Andiamo nel nostro archivio server.js che deve essere alla radice del nostro progetto e ora all'interno del nostro blocco di creaServer() indicheremo che URL corrente come base e con un oggetto di fs Convalideremo se i file esistono, in caso contrario, getteremo a Errore 404 file non trovato. Vediamo il codice della funzionalità sopra descritta:

 var http = richiede ('http'); var percorso = require ('percorso'); var fs = richiede ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, function (esiste) {console.log (esiste? search_file + "se esiste": search_file + "non esiste");});}). listen (8082);

Il problema che abbiamo è che questo ancora non ci aiuta a servire i file, ecco perché dobbiamo usare un metodo di fs che ci permette di leggere i file e con questo possiamo inviarlo al browser come possiamo vedere nel seguente codice:

 var http = richiede ('http'); var percorso = require ('percorso'); var fs = richiede ('fs'); http.createServer (function (request, response) {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 (exists) {if (exists) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [percorso .extname (search_file)]}; response.writeHead (200, intestazioni); response.end (data);}); return;} response.writeHead (404); response.end ();});}). listen (8082 );

Come vediamo ora con il metodo leggiF.webpile() possiamo prima convalidare se non ci sono errori del server nel tuo richiama e in secondo luogo possiamo ottenere il tipo di file che vogliamo servire dall'elenco dei tipi, con questo possiamo generare l'intestazione HTTP necessario affinché il browser non debba interpretare i dati a modo suo.
Se nessuna delle azioni restituisce un risultato, dobbiamo inviare una risposta al browser 404, in questo modo interromperemo la richiesta e indicheremo all'utente che ciò che sta cercando non è nel percorso specificato. Come abbiamo fatto nell'esempio precedente, diremo Nodo.js che il porto dove devono prendere le richieste deve essere il 8082, che è una porta solitamente libera e quindi non ha conflitti con altri servizi. Infine scriviamo la risposta del file ed eseguiamo il nostro supervisore di nuovo nel caso in cui abbiamo interrotto il servizio come possiamo vedere nell'immagine seguente:

Fatto ciò, andiamo nel nostro browser ed eseguiamo sulla porta 8082 e possiamo vedere l'output del nostro programma che dovrebbe assomigliare alla seguente immagine:

INGRANDIRE

Questo ci mostra tutta la potenza e la versatilità di Nodo.js, con cui abbiamo potuto verificare che non c'era bisogno di usare una lingua diversa da quella di JavaScript per lo sviluppo.
ImportanteÈ importante fare qualche ricerca su npm che cosa è lui gestore di pacchetti nodo, poiché con questo strumento possiamo ottenere molti pacchetti che possono servirci, tra questi ce ne sono alcuni quadri che ci permetterà di semplificare tutto il codice che abbiamo visto qui, oltre ad altri componenti sviluppati dalla community al fine di risparmiare lavoro per lo sviluppatore di Nodo.js.
Con questo abbiamo terminato il tutorial, abbiamo creato un server e abbiamo anche imparato a servire file statici. Se avessimo usato una tecnologia tradizionale come PHP Per ottenere questo risultato avremmo prima bisogno di un server tradizionale come Apache o nginx, dove dobbiamo anche configurarli, la stampa del codice avrebbe avuto bisogno di un linguaggio diverso, relegando a JavaScript solo al fianco del cliente, sprecando così le sue grandi capacità.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo