Création de la première application backend avec Express.js. Prêt à commencer ?

Installation d’Express.js

Créer un nouveau répertoire pour l’application et ouvrir le dossier dans l’éditeur de code. Nous sommes prêts à démarrer. Dans le terminal, exécuter la commande suivante :

npm install express

C’est comme commander Express.js depuis une boutique d’applications virtuelle, et npm est notre service de livraison.

En résultat, la structure des fichiers et dossiers de l’application sera la suivante :

Structure de base du projet :

• node_modules - Contient les paquets installés ;
• package.json et package-lock.json - Liste les dépendances et scripts du projet ;
• app.js ou index.js - Point d’entrée de l’application Express. À créer manuellement.

Créer une première application Express

Création d’un serveur web simple à l’aide de Node.js et du framework Express.js. Suivre les étapes suivantes :

Étape 1 : Importer Express

En tant que bibliothèque, il est nécessaire de l’importer d’abord dans le fichier :

const express = require('express');

Étape 2 : Création d’une instance de l’application Express

Création d’une instance de l’application Express. Cette variable app sera utilisée pour configurer et définir le comportement du serveur web.

const app = express();

Étape 3 : Définir le port

Définition du numéro de port sur lequel le serveur écoutera. Dans cet exemple, il est fixé à 3000, mais tout numéro de port disponible peut être utilisé.

const port = 3000;

Étape 4 : Définir une route

Configuration d'une route pour gérer les requêtes HTTP GET vers l'URL racine (/). Lorsqu'un client (généralement un navigateur web) accède à l'URL racine du serveur, la réponse envoyée est Hello, World!.

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

• app.get('/') - Définit une route pour gérer les requêtes GET vers le chemin racine (/). Il est possible de définir des routes pour différents types de requêtes HTTP (GET, POST, PUT, DELETE, etc.) ;
• (req, res) => { ... } - Fonction de rappel exécutée lorsqu'un client effectue une requête GET vers la route spécifiée. Elle prend deux arguments : req (l'objet requête) et res (l'objet réponse). Dans ce cas, elle envoie simplement le texte Hello, World! en réponse.

Étape 5 : Démarrer le serveur

Démarrage du serveur et écoute sur le port spécifié (ici, le port 3000). Une fois le serveur démarré avec succès, un message est affiché dans la console pour indiquer le port d'écoute.

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

app.listen(port, ...) - Cette méthode démarre le serveur et écoute sur le port spécifié. Le second argument est une fonction de rappel exécutée lorsque le serveur est opérationnel.

Étape 6 : Exécution de l'application

Exécution de l'application dans le terminal à l'aide de la commande node.

node index

Après l'exécution du script

Le serveur sera en cours d'exécution et accessible en ouvrant un navigateur web et en accédant à l'adresse http://localhost:3000. Le message Hello, World! devrait s'afficher dans le navigateur.