Iniziare con Express.js

JavaScript sta assumendo un ruolo guida nello sviluppo web, la sua ricchezza di routine di elaborazione in tempo reale e la versatilità di accompagnamento lo hanno reso uno dei linguaggi in più rapida crescita negli ultimi 5 anni.

Dal rilascio di Nodo.js Si è detto molto sulla creazione di applicazioni che utilizzano un unico linguaggio, e oggi è possibile, utilizzando framework Front-End come AngularJS o Backbone.js, anche utilizzando Database come MongoDB o CouchDB e infine sul lato server lavorando con i potenti Nodo.js.

Ma per lavorare con grandi applicazioni da zero con Nodo.js dobbiamo fare molte cose ripetitive e complesse, ecco dove entra in gioco Express.js, che altro non è che un framework MVC che ci aiuta a semplificare l'elaborazione della nostra logica Back-end, e facendo affidamento su Nodo.js risultati in grandi applicazioni realizzate interamente in JavaScript.

RequisitiI nostri requisiti sono piuttosto basilari, abbiamo solo bisogno di avere Nodo.js installato e funzionante sul nostro sistema, se abbiamo l'ultima versione dobbiamo assicurarci di averla anche noi npm disponibile che è lo strumento che ci permetterà di installare i diversi pacchetti di cui abbiamo bisogno come nel caso del framework, Express.js.

1. Express.js

Questo framework è stato progettato per avere alcune funzionalità ispirate ad altri framework come Rotaie o Sinatra, questo significa che quando uno sviluppatore esperto mette le mani su di lui, può sentirsi a suo agio nel maneggiare concetti che già conosce, ma con il potere di Nodo.js e solo usando JavaScript la velocità di sviluppo si moltiplica.

Prima di approfondire l'argomento, diamo un'occhiata alle caratteristiche più importanti di Express.js:

MinimoL'idea alla base del framework è di non essere coinvolti in altre questioni che non facciano da intermediari tra la nostra applicazione e il server, per questo non ci complica la vita con migliaia di componenti, ma ci fornisce solo le cose più necessarie.

FlessibileGrazie alla sua caratteristica di essere minimale, si ottiene una grande flessibilità poiché lo sviluppatore può scegliere il modo in cui desidera lavorare e può implementare le proprie soluzioni o incorporare soluzioni già pronte come ORM per diversi tipi di Banche dati.

Fatto per le applicazioniLo scopo di Express.js è facilitare la costruzione di applicazioni web, siano esse pagine, servizi RIPOSOo anche applicazioni ibride.

2. L'impalcatura

Questo è un termine che potremmo aver visto da Rotaie e altri framework, è ampiamente utilizzato in Express.js e non è altro che il framework che genera una struttura e un codice di base, chiamato anche boilerplate che ci aiuta ad avviare la nostra applicazione.

In questo modo possiamo creare la struttura di un progetto da un comando e quindi dimenticare di dover ricordare ciascuna delle cartelle necessarie e dei file di base. Ovviamente, trattandosi di una cosa così generale, molte volte finiamo per riscrivere molte cose o creare le nostre cartelle, ma avere un punto di partenza è perfetto.

3. Installa Express.js

L'installazione del framework è abbastanza semplice, grazie ai passaggi necessari npm, per installare Express.js dobbiamo solo andare alla console dei comandi dove possiamo eseguire npm e dai il seguente comando:

 npm install express --save

Questo farà scaricare al nostro sistema tutto il codice necessario per poter generare i nostri progetti e anche per utilizzare i diversi strumenti che mette a disposizione Express.js A nostra disposizione, nella console vedremo qualcosa di simile al seguente se l'installazione è andata a buon fine.

Possiamo notare che sono stati installati diversi pacchetti associati e che la versione di Express.js al momento della stesura di questo tutorial è il 4.11.2, qui è importante sottolineare che dalla versione 4 in poi c'è stato un grande cambiamento quindi è importante se cerchiamo informazioni per assicurarci che sia per la versione 4 in poi.

La nostra prima appPer la nostra prima applicazione creeremo una pagina web con due sezioni, poiché stiamo appena iniziando a conoscere lo strumento, ogni sezione avrà un piccolo testo, l'importante è che dovremo creare un piccolo server e gestire il richieste dei nostri utenti.

4. Il server

La prima cosa che dobbiamo fare è creare una cartella in cui andrà la nostra applicazione e all'interno creare un file chiamato index.js, questo nome è generalmente posto per convenzione, tuttavia può essere qualsiasi altro nome, infatti cambieremo le cose e posizioneremo il nome del nostro file ciaoexpress.js.

Una volta che abbiamo il nostro file, inizieremo includendo esprimere usando le istruzioni richiedere, con questo avremo a nostra disposizione tutti gli strumenti del framework, poi utilizzeremo i metodi impostato() sì utilizzo (), dove con la prima stabiliremo la porta attraverso la quale il nostro server deve attendere le connessioni, e con la seconda stabiliremo cosa dovrebbe accadere quando otteniamo un errore 404 o un errore 500.

Finalmente con il metodo ascoltare () faremo in modo che la nostra applicazione si alzi quando eseguiamo il nostro file. Vediamo il codice qui sotto:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001)); app.use (function (req, res) {res.type ( 'text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (function (err, req, res, next) {console.error (err. stack); res.type ('text / plain'); res.status (500); res.send ('500 - Qualcosa non va!');}); app.listen (app.get ('port') , function () {console.log ('Express è stato avviato da http: // localhost:' + app.get ('port') + '; premi Ctrl-C per chiudere il server.');});

Ora non ci resta che scrivere il seguente comando nella console:

 nodo helloexpress.js

Con questo il nostro server si solleverà. Il problema è che non vedremo nulla, questo perché non abbiamo stabilito i percorsi dell'applicazione, ma se vediamo la schermata seguente vediamo che funziona perché è uscito il nostro messaggio che abbiamo inserito per 404.

INGRANDIRE

5. Compresi i percorsi

Per ottenere un risultato oltre la pagina 404 che generiamo, dobbiamo includere percorsi, il che non è altro che dire alla nostra applicazione che quando un utente richiede un percorso con un metodo HTTP nello specifico, viene restituito un risultato che definiamo, quindi una route ottenere non è lo stesso di un percorso inviare e quindi entrambi pur essendo nella stessa direzione possono darci risultati diversi.

Quindi creiamo un paio di percorsi ottenere, questo codice deve essere posizionato appena prima del codice che genera il 404, quindi modificheremo il nostro file ciaoexpress.js e ora dovrebbe essere il seguente:

 var express = require ('express'); var app = express (); app.set ('port', process.env.PORT || 3001)); app.get ('/', function (req, res) { res.type ('testo / semplice'); res.send ('Ciao, benvenuto nella mia prima app');}); app.get ('/ altro percorso', funzione (req, res) {res.type ( ' text / plain '); res.send (' questo è un altro percorso della nostra app ');}); app.use (function (req, res) {res.type (' text / plain '); res.status ( 404); res.send ('404 - Not Found');}); app.use (function (err, req, res, next) {console.error (err.stack); res.type ('text / plain '); res.status (500); res.send (' 500 - Qualcosa non va! ');}); app.listen (app.get (' port '), function () {console.log (' Express avviato da http: // localhost: '+ app.get (' port ') +'; premi Ctrl-C per spegnere il server. ');});

Come possiamo notare il metodo ottenere riceve il percorso e quindi una funzione anonima, all'interno di questa inviamo il tipo di risposta in questo caso testo/normale e poi inviamo il contenuto, se eseguiamo il nostro esempio nel browser otterremo finalmente qualcosa di simile a quanto segue:

INGRANDIRE

I percorsi inviare Funzionano in modo simile, solo allora dobbiamo incorporare una gestione per i parametri che possono essere inclusi ma non dovremmo preoccuparci troppo di questo in questo momento. Siamo quindi stati in grado di verificare come abbiamo influenzato il risultato di ciò che l'utente può vedere direttamente.

ImportanteQualcosa che è importante notare è che ogni volta che cambiamo qualcosa nel nostro codice dobbiamo chiudere l'applicazione e riavviarla affinché le modifiche abbiano effetto. Questo inizio può sembrare molto semplice e lo è, l'idea è che possiamo abituarci a lavorare in un modo che comprendiamo il server e come funziona, poiché in questo modo possiamo creare le applicazioni che vogliamo con il codice che vogliamo davvero e questa è la magia di Express.js.

Da qui possiamo iniziare a sperimentare i tipi di risposte e il contenuto che vogliamo servire, ma il vero potere arriva quando iniziamo a implementare un motore di modelli, tuttavia questo è già un argomento leggermente più avanzato in questo tutorial.

Con questo abbiamo finito questo tutorial abbiamo costruito una piccola applicazione con cui muovere i primi passi Express.js, se abbiamo saputo Nodo.js vediamo subito che le cose sono un po' più dirette e semplici. Ma il vero potere lo vedremo quando inizieremo a implementare altri strumenti come modelli o modelli.