Express.js pour JavaScript (Node.js) : guide complet avec exemples

Formateur Python en ligne pour débutants

Apprenez Python facilement sans surcharge théorique. Résolvez des tâches pratiques avec vérification automatique et écrivez du code directement dans le navigateur.

Start Course

Qu'est-ce qu'Express.js et pourquoi en a-t-on besoin ?

\n\n

Express.js est un framework web minimaliste et flexible pour Node.js, écrit en JavaScript. Il offre aux développeurs un ensemble puissant d'outils pour créer des applications web et des API (REST, GraphQL). Express.js est le standard de facto pour le développement côté serveur avec Node.js grâce à sa simplicité, sa rapidité et sa vaste communauté.

\n\n

Pourquoi Express.js est-il nécessaire ? Node.js lui-même fournit un module HTTP de bas niveau qui permet de créer des serveurs. Cependant, travailler directement avec lui nécessite d'écrire beaucoup de code passe-partout pour gérer les routes, analyser les requêtes, gérer les sessions, etc. Express.js résout ces problèmes en offrant :

\n
    \n
  • Routage (Routing) : Définition simple de gestionnaires pour différentes URL et méthodes HTTP (GET, POST, PUT, DELETE).
  • \n
  • Middleware (Logiciel intermédiaire) : Un système puissant permettant d'exécuter du code avant ou après le traitement d'une requête (par exemple, pour la journalisation, l'authentification, la compression).
  • \n
  • Gestion des requêtes et réponses : Méthodes pratiques pour travailler avec les paramètres d'URL, le corps de la requête (body), les cookies, les en-têtes et l'envoi de réponses (JSON, HTML, fichiers).
  • \n
  • Moteurs de templates : Intégration avec des moteurs de templates populaires tels que Pug, EJS, Handlebars.
  • \n
  • Fichiers statiques : Distribution simple de ressources statiques (CSS, JS, images).
  • \n
\n

Express.js est utilisé pour créer de tout : des simples applications monopages aux systèmes d'entreprise complexes et aux API à forte charge.

\n\n

Installation d'Express.js

\n

L'installation d'Express.js se fait via le gestionnaire de paquets npm (Node Package Manager). On suppose que vous avez déjà Node.js et npm installés.

\n\n

Étape 1 : Initialisation du projet

\n

Créez un nouveau répertoire pour votre projet et accédez-y dans le terminal. Ensuite, initialisez un nouveau projet Node.js :

\n
mkdir my-express-app\ncd my-express-app\nnpm init -y
\n

Le drapeau -y accepte automatiquement toutes les valeurs par défaut. Vous pouvez également l'omettre pour remplir manuellement les métadonnées du projet.

\n\n

Étape 2 : Installation d'Express

\n

Installez Express.js comme dépendance du projet :

\n
npm install express
\n

Cette commande ajoutera Express au fichier package.json dans la section dependencies et créera le dossier node_modules contenant la bibliothèque elle-même et ses dépendances.

\n\n

Étape 3 : Vérification de l'installation

\n

Après l'installation, vous pouvez vérifier la version d'Express dans votre projet :

\n
npx express --version
\n

Ou simplement regarder dans le fichier package.json.

\n\n

Démarrage rapide : "Hello World" avec Express.js

\n

Créez un fichier app.js (ou index.js) à la racine de votre projet et ajoutez le code suivant :

\n\n
// app.js\nconst express = require('express');\nconst app = express();\nconst port = 3000;\n\n// Définir une route pour l'URL racine\napp.get('/', (req, res) => {\n  res.send('Hello World! Express.js fonctionne !');\n});\n\n// Démarrer le serveur\napp.listen(port, () => {\n  console.log(`Serveur démarré sur http://localhost:${port}`);\n});
\n\n

Lancement de l'application :

\n

Dans le terminal, exécutez la commande :

\n
node app.js
\n

Ouvrez votre navigateur et allez à l'adresse http://localhost:3000. Vous devriez voir le message "Hello World! Express.js fonctionne !".

\n\n

Que se passe-t-il ici ?

\n
    \n
  1. require('express') — importe la bibliothèque Express.
  2. \n
  3. express() — crée une instance de l'application Express.
  4. \n
  5. app.get('/', callback)

Recommendations