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. Ora 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.

Di conseguenza, 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. Viene creato manualmente.

🏗️ Creazione della prima applicazione Express

Creazione di un semplice server web utilizzando Node.js e il framework Express.js. Seguire i seguenti passaggi:

Passaggio 1: Importare Express

Come libreria, è necessario prima importarla nel file:

const express = require('express');

Passaggio 2: Creazione di un'istanza dell'applicazione Express

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

const app = express();

Passaggio 3: Impostazione della porta

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

const port = 3000;

Passaggio 4: Definizione di una route

Si configura una route per gestire le richieste HTTP GET all'URL radice (/). Quando un client (tipicamente un browser web) accede all'URL radice del server, viene restituito Hello, World!.

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

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

Passaggio 5: Avviare il server

Avviare il server e farlo ascoltare sulla porta specificata (in questo caso, la porta 3000). Quando il server viene avviato correttamente, 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: Eseguire l'applicazione

Eseguire l'applicazione nel terminale utilizzando il comando node.

node index

🌐 Dopo aver eseguito lo script

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