Express est un framework pour développer des applications Web de manière simplifiée sur Node.js. Il se définit comme minimaliste, souple et rapide.
- Etape 1 : Installation
- Etape 2 : Préparation du serveur
- Etape 3 : Création de la 1ère route
- Etape 4 : Lancer le serveur
Etape 1 : Installation
Vérifiez que Node et NPM sont installés sur votre machine.
node -v && npm -v
Créez un nouveau dossier sur votre disque dur et placez-vous à l’intérieur.
mkdir test-express && cd test-express
Puis initialisez le manifest de l’application (manifest.json).
npm init -y
Ensuite, installez la dépendance d’Express en veillant à bien l’ajouter dans le manifest (option --save).
npm i --save express
Express est installé dans le dossier dédié aux modules node_modules.
Etape 2 : Préparation du serveur
Créez un fichier index.js qui contiendra le contenu du serveur.
touch index.js
Ouvrez le fichier du serveur dans Visual Code Studio (ou dans votre IDE favori).
code index.js
Afin d’y ajouter les 3 lignes ci-dessous.
1 2 3 4 5 | /* index.js */ const express = require('express') // Appel de la dépendance const app = express() // Initialisation de l'application const port = 1234 // Choix du port |
Pour l’utilisation du port, utilisez un port non utilisé sur votre machine (au dessus de 1024).
netstat -nap | grep 1234
La commande ci-dessus doit renvoyer vide.
Etape 3 : Création de la 1ère route
Toujours dans le même fichier (à la suite).
1 2 3 4 5 6 7 8 9 10 11 12 13 | /* index.js (à la suite) */ app.get('/', (request, response) => { response.send('Hello World!') }) app.get('/user/:id', (request, response) => { response.send(`user #${request.params.id}`) }) app.listen(port, () => { console.log(`Express running on port ${port}`) }) |
- La route "/" (racine) affichera "Hello World!" (comme c’est original…) ;
- Une seconde route "/user/1" affichera "user #1" ou "/user/abc" affichera "user #abc" ;
- Un message s’affichera dans le terminal lors du démarrage du serveur.
Etape 4 : Lancer le serveur
Depuis votre terminal tapez la commande ci-dessous.
node index.js
Le terminal devrait afficher le message suivant "Express running on port 1234" et le serveur est accessible sur http://127.0.0.1:1234 (ou suivant le port que vous avez défini).
1 2 3 4 | netstat -nap | grep 1234 tcp6 0 0 :::1234 :::* LISTEN 24424/node tcp6 0 0 127.0.0.1:1234 127.0.0.1:36140 TIME_WAIT - |
Express.js est relativement facile à prendre en main. Je vous invite à regarder la documentation officielle d’ExpressJS disponible en français.