Retour
1/ Expres.js: Introduction

Dans ce chapitre, nous allons découvrir ce qu'est ExpressJS, explorer les fonctionnalités clés d'ExpressJS et comprendre pourquoi il est si largement utilisé dans le développement web.
Nous allons aussi installer et configurer un projet basique avec ExpressJS.
Déscription
ExpressJS est une librairie JavaScript open-source pour la création d'applications web. Elle est utilisée pour la création de serveurs web, la gestion des routes et des middleware, la génération de vues dynamiques... ExpressJS est largement utilisé dans le développement web pour sa simplicité, et sa flexibilité.
Prérequis
Pour suivre ce chapitre, vous devez avoir une bonne compréhension du langage JavaScript et des connaissances de base en développement web, y compris la création de sites web statiques et dynamiques:
- Initiation au language Javascript.
- Initiation à la programmation serveur avec NodeJS.
Pour installer ExpressJS, vous devez d'abord installer Node.js, qui est une plateforme logicielle basée sur JavaScript.
Node.js est utilisé pour exécuter du code JavaScript côté serveur:
Tutoriel pour installer NodeJS sur une machine.
Objetcifs
À la fin de ce chapitre, vous serez en mesure de :
- Comprendre ce qu'est ExpressJS et pourquoi il est utilisé dans le développement web.
- Identifier les fonctionnalités clés d'ExpressJS
- Savoir comment ExpressJS peut améliorer l'efficacité du développement web.
- Savoir configuer et lancer une application ExpressJS.
Qu'est-ce qu'ExpressJS ?
ExpressJS est devenu l'une des librairies les plus populaires pour la
création d'applications web, en grande partie en raison de sa simplicité
et de sa flexibilité. La librairie s'appuie sur les fonctionnalités de
base du module http
de Node.js et permet aux développeurs de construire
des applications web rapidement et facilement en utilisant des outils et
des méthodes simples et bien documentées. ExpressJS fournit également un
ensemble de middleware intégrés pour la gestion des requêtes et des
réponses HTTP
, ainsi que la possibilité d'implémenter des middlewares
personalisés.
Pourquoi utiliser ExpressJS ?
Voici les fonctionnalités clés d'ExpressJS :
-
Gestion des routes : ExpressJS permet aux développeurs de définir des routes pour leurs applications web en utilisant des méthodes HTTP telles que
GET
,POST
,PUT
,DELETE
, etc. -
Middleware : ExpressJS fournit un ensemble de middleware intégrés pour la gestion des requêtes et des réponses
HTTP
. Les développeurs peuvent également créer leur propre middleware personnalisé. -
Gestion des templates : ExpressJS prend en charge un certain nombre de moteurs de templates pour générer des vues dynamiques pour les applications web.
-
Gestion des erreurs et des exceptions : ExpressJS permet aux développeurs de gérer les erreurs et les exceptions de manière centralisée pour améliorer la qualité de l'application et faciliter la maintenance.
-
Sécurité : ExpressJS fournit une série d'outils pour améliorer la sécurité de l'application, notamment la gestion des cookies et des sessions utilisateur, la validation des entrées utilisateur, etc.
Installation d'ExpressJS
1. Initialiser un projet npm
Avant de pouvoir installer les librairies nécessaires, nous devons d'abords initialiser un projet NodeJS.
Pour initialiser un projet avec NodeJS, ouvrez une console de commande dans le répertoire désiré et entrez la commande suivante :
npm init
Une série de questions sera affichée dans le terminal pour configurer votre projet, ensuite vérifiez que le fichier package.json
a bien été créé.
2. Installer ExpressJS
Vous pouvez maintenant installer ExpressJS en utilisant le gestionnaire de paquets npm
(Node Package Manager), inclus avec Node.js.
Il suffit de lancez dans console la commande suivante :
npm install express
Lancer le serveur
Maintenant que la librairie est installée, nous pouvons implémenter le script qui lancera le serveur HTTP
sur le port désiré.
Créer un fichier dans le répertoire.
Par convention, nous allons nommée le fichier: app.js
:
const express = require('express');
const app = express();
app.listen(3001, function () {
console.log('Serveur lancé sur le port 3001!');
})
Vous pouvez maintenant executer le script en lançant dans console la commande suivante :
node app.js
Configurer le projet
Utiliser les modules
Si vous voulez utiliser les modules Javascript pour les imports et exports, vous pouvez ajouter à la racine du fichier package.json
:
"type":"module"
Vous pouvez maintenant importer express
dans votre script de cette manière:
import express from 'express';
Nodemon
Lorsque vous développez une application Express.js, vous écrivez généralement du code dans des fichiers JavaScript qui sont ensuite exécutés à l'aide de Node.js.
Lorsque vous apportez des modifications à ces fichiers, vous devez redémarrer manuellement le serveur Node.js pour voir les changements.
Cela peut être fastidieux, surtout si vous apportez fréquemment des modifications à votre code.
Nodemon est un outil qui facilite le développement d'applications Node.js en surveillant les modifications de fichiers dans un projet et en redémarrant automatiquement l'application lorsque des modifications sont détectées.
Cela vous permet de gagner du temps et d'augmenter votre productivité en vous évitant de devoir redémarrer le serveur manuellement à chaque modification.
Pour utiliser nodemon
avec Express.js, vous pouvez simplement installer Nodemon en tant que dépendance de développement dans votre projet.
npm install nodemon --save-dev
Puis remplacer la commande node
par nodemon
pour exécuter votre application.
npx nodemon app.js
Scripts
Lorsque vous travaillez avec Node.js et npm
(le gestionnaire de paquets de Node.js), vous utilisez souvent un fichier appelé package.json
pour décrire les dépendances de votre projet, sa version, etc.
Mais vous pouvez également y ajouter des scripts personnalisés pour automatiser certaines tâches courantes ou complexes.
Les scripts personnalisés sont des commandes que vous pouvez exécuter via la commande npm run [nom du script]
dans le terminal.
Ils sont utiles pour automatiser des tâches telles que la compilation de code, l'exécution de tests, la génération de documentation, la configuration de l'environnement de développement, etc.
Nous pouvons par exemple ajouter deux script personnalisés afin de lancer le serveur en mode développement avec nodemon
, et de lancer le serveur en mode production avec node
.
Voici le fichier complet:
{
"name": "expressjs-initiation",
"version": "1.0.0",
"type":"module",
"scripts": {
"start": "node server.js",
"dev": "nodemon server.js"
},
"dependencies": {
"express": "^4.17.1",
},
"devDependencies":{
"nodemon": "^2.0.21"
}
}
Vous pouvez maitenant executer cette commande pour lancer le serveur en mode developpement:
npm run dev
Et executer cette commande pour lancer le serveur en mode production:
npm start
Conclusion
En résumé, dans ce chapitre, nous avons vu comment installer et configurer une
application ExpressJS, ainsi que la gestion des dépendances avec npm
. Dans
le prochain chapitre, nous allons explorer les fonctionnalités de base
d'ExpressJS, notamment la gestion des routes, des requêtes/réponses, et les
paramètres d'URL.
Aller plus loin
Commentaires

Express.js: Initiation
Au cours de ce programme, vous allez apprendre les concepts clés d'ExpressJS.
Vous allez découvrir comment installer et configurer une application ExpressJS, créer des routes, gérer les templates, et assurer la sécurité de votre application avec l'authentification.
Javascript
NodeJS
ExpressJS
Serveurs
HTTP
Back-End

2/ Expres.js: Les Routes
Avec ExpressJS, les routes sont une des ses principales fonctionnalités, car elle permettent de prépondre aux clients différament suivant l'URL, la méthode de la raquête HTTP.
Dans ce chapitre, nous allons **explorer les différentes manières de créer des routes** avec ExpressJS, allant des routes les plus simples aux plus avancées.
Javascript
NodeJS
ExpressJS
Serveurs
HTTP
Back-End
1