Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Configuration d'une Application Express.js | Développement d'Applications Web avec Express.js
Développement Backend avec Node.js et Express.js

bookConfiguration d'une Application Express.js

Créons notre première application backend avec Express.js. Prêt à commencer ?

Installation d'Express.js

Créer un nouveau répertoire pour l'application, puis ouvrir le dossier dans l'éditeur de code. Nous sommes prêts à commencer. 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, nous obtenons la structure de fichiers et dossiers suivante pour notre application :

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. Ce fichier est créé manuellement.

🏗️ Création de la 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 d'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éfinition du port

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

const port = 3000;

Étape 4 : Définition d'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, il reçoit la réponse 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 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émarrage du serveur

Démarrage du serveur et écoute sur le port spécifié (dans ce cas, le port 3000). Lorsque le serveur démarre avec succès, un message est enregistré 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 une fois que 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 fonctionnement et accessible via un navigateur web à l'adresse http://localhost:3000. Le message Hello, World! doit s'afficher dans le navigateur.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 4

Demandez à l'IA

expand

Demandez à l'IA

ChatGPT

Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion

Awesome!

Completion rate improved to 2.56

bookConfiguration d'une Application Express.js

Glissez pour afficher le menu

Créons notre première application backend avec Express.js. Prêt à commencer ?

Installation d'Express.js

Créer un nouveau répertoire pour l'application, puis ouvrir le dossier dans l'éditeur de code. Nous sommes prêts à commencer. 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, nous obtenons la structure de fichiers et dossiers suivante pour notre application :

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. Ce fichier est créé manuellement.

🏗️ Création de la 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 d'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éfinition du port

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

const port = 3000;

Étape 4 : Définition d'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, il reçoit la réponse 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 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émarrage du serveur

Démarrage du serveur et écoute sur le port spécifié (dans ce cas, le port 3000). Lorsque le serveur démarre avec succès, un message est enregistré 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 une fois que 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 fonctionnement et accessible via un navigateur web à l'adresse http://localhost:3000. Le message Hello, World! doit s'afficher dans le navigateur.

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 3. Chapitre 4
some-alt