Creazione della prima applicazione backend con Express.js. Pronti per iniziare?

Installazione di Express.js

Creare una nuova directory per l'applicazione e aprire la cartella nell'editor di codice. Ora siamo pronti per iniziare. Nel terminale, eseguire il seguente comando:

npm install express

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

Come risultato, si ottiene la seguente struttura di file e cartelle dell'applicazione:

Struttura di base del progetto:

• node_modules - Contiene i pacchetti installati;
• package.json e package-lock.json - Elenco delle dipendenze e degli script del progetto;
• app.js o index.js - Punto di ingresso per l'applicazione Express. Viene creato manualmente.

Creazione della prima app 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');

Passo 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();

Passo 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;

Passo 4: Definizione di una rotta

Si configura una rotta 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 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 eseguita quando un client effettua una richiesta GET alla rotta specificata. Riceve 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

Avvio del server e ascolto sulla porta specificata (in questo caso, porta 3000). Quando il server viene avviato con successo, viene registrato 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 ascolta 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

Esecuzione dell'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. Nel browser verrà visualizzato Hello, World!.