Creiamo la nostra prima applicazione backend con Express.js. Sei pronto per iniziare?

Installazione di Express.js

Crea una nuova directory per l'applicazione e apri la cartella nell'editor di codice. Siamo pronti per iniziare. Nel terminale, esegui questo comando:

npm install express

È come ordinare Express.js da un negozio virtuale di applicazioni, e npm è il nostro servizio di consegna.

Come risultato, otteniamo la seguente struttura di file e cartelle della nostra applicazione:

Struttura di base del progetto:

• node_modules - Contiene i pacchetti installati;
• package.json e package-lock.json - Elencano le dipendenze e gli script del progetto;
• app.js o index.js - Punto di ingresso per l'applicazione Express. Lo creiamo manualmente.

Creare la Prima Applicazione Express

Configurazione di un semplice server web utilizzando Node.js e il framework Express.js. Seguire i passaggi indicati di seguito:

Passaggio 1: Importare Express

Come libreria, è necessario prima importarla nel file:

const express = require('express');

Passaggio 2: Creazione di un'Istanza dell'Applicazione Express

Creazione di un'istanza dell'applicazione Express. Questa variabile app verrà utilizzata per configurare e definire il comportamento del server web.

const app = express();

Passaggio 3: Impostare la Porta

Definiamo il numero di porta su cui il nostro server ascolterà. In questo caso, è impostato su 3000, ma è possibile scegliere qualsiasi numero di porta disponibile.

const port = 3000;

Passaggio 4: Definizione di una Rotta

Configuriamo una rotta per gestire le richieste HTTP GET all'URL radice (/). Quando un client (tipicamente un browser web) accede all'URL radice del server, risponde con Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') - Definisce una rotta per gestire le richieste GET al percorso radice (/). È possibile definire rotte per diversi metodi HTTP (GET, POST, PUT, DELETE, ecc.);
• (req, res) => { ... } - Funzione di callback che viene eseguita quando un client effettua una richiesta GET alla rotta specificata. Prende due argomenti: req (l'oggetto richiesta) e res (l'oggetto risposta). In questo caso, invia semplicemente il testo Hello, World! come risposta.

Passaggio 5: Avviare il Server

Avviamo il server e facciamolo ascoltare sulla porta specificata (nel nostro caso, la porta 3000). Quando il server viene avviato con successo, registra un messaggio nella console che indica su quale porta sta ascoltando.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) - Questo metodo avvia il server e lo mette in ascolto sulla porta specificata. Il secondo argomento è una funzione di callback che viene eseguita una volta che il server è attivo e funzionante.

Passaggio 6: Avviare l'applicazione

L'applicazione viene avviata nel terminale utilizzando il comando node.

node index

Dopo l'esecuzione dello script

Il server sarà in esecuzione e sarà possibile accedervi aprendo un browser web e navigando su http://localhost:3000. Nel browser verrà visualizzato Hello, World!.