Configuration 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
etpackage-lock.json
- Liste les dépendances et scripts du projet ;app.js
ouindex.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) etres
(l'objet réponse). Dans ce cas, elle envoie simplement le texteHello, 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.
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
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
Configuration 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
etpackage-lock.json
- Liste les dépendances et scripts du projet ;app.js
ouindex.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) etres
(l'objet réponse). Dans ce cas, elle envoie simplement le texteHello, 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.
Merci pour vos commentaires !