Créons notre première application backend avec Express.js. Êtes-vous prêt à commencer ?

Installation d'Express.js

Créez un nouveau répertoire pour l'application et ouvrez le dossier dans l'éditeur de code. Nous sommes prêts à commencer. Dans le terminal, exécutez cette commande :

npm install express

C'est comme commander Express.js depuis un magasin d'applications virtuel, et npm est notre service de livraison.

En conséquence, nous obtenons une telle structure de fichiers-dossiers de notre application :

Structure de projet de base :

• node_modules - Contient les paquets installés ;
• package.json et package-lock.json - Liste des dépendances et scripts du projet ;
• app.js ou index.js - Point d'entrée pour l'application Express. Nous le créons manuellement nous-mêmes.

🏗️ Construire la Première Application Express

Créez un serveur web simple en utilisant Node.js et le framework Express.js. Suivez les étapes suivantes :

Étape 1 : Importer Express

En tant que bibliothèque, nous devons d'abord l'importer dans notre fichier :

const express = require('express');

Étape 2 : Créer une Instance de l'Application Express

Nous créons 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

Nous définissons le numéro de port sur lequel notre serveur écoutera. Dans ce cas, il est défini sur 3000, mais nous pouvons choisir n'importe quel numéro de port disponible.

const port = 3000;

Étape 4 : Définir une Route

Nous configurons 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, il répond avec Hello, World!.

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

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

Étape 5 : Démarrer le serveur

Démarrons le serveur et faisons-le écouter sur le port spécifié (dans notre cas, le port 3000). Lorsque le serveur est démarré avec succès, il enregistre un message dans la console, indiquant sur quel port il é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 deuxième argument est une fonction de rappel qui est exécutée une fois que le serveur est opérationnel.

Étape 6 : Exécuter l'application

Nous exécutons l'application dans le terminal en utilisant la commande node.

node index

🌐 Après avoir exécuté le script

Notre serveur sera en cours d'exécution, et nous pourrons y accéder en ouvrant un navigateur web et en naviguant vers http://localhost:3000. Vous devriez voir Hello, World! affiché dans votre navigateur.