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. Prêt à démarrer. Dans le terminal, exécuter cette commande :

npm install express

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

En résultat, la structure des fichiers et dossiers de l’application ressemble à ceci :

Structure de base du projet :

• 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 de l'application Express. Ce fichier est créé manuellement.

Création de la première application Express

Création d'un serveur web simple en utilisant Node.js et le framework Express.js. Suivre les étapes suivantes :

Étape 1 : Importer Express

En tant que bibliothèque, il faut d'abord l'importer dans le fichier :

const express = require('express');

Étape 2 : Création d'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 va écouter. Dans ce cas, il est fixé à 3000, mais il est possible de choisir n'importe quel numéro de port disponible.

const port = 3000;

Étape 4 : Définition d'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('/') - Ceci 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) => { ... } - Ceci est une fonction de rappel qui s'exécute lorsqu'un client effectue une requête GET sur 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é (dans notre cas, le port 3000). Lorsque le serveur démarre avec succès, un message est affiché dans la console pour indiquer 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 second argument est une fonction de rappel exécutée une fois que le serveur est opérationnel.

Étape 6 : Exécuter 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 fonctionnement et accessible en ouvrant un navigateur web et en accédant à http://localhost:3000. Le message Hello, World! devrait s'afficher dans le navigateur.