Apprendre Express.js : Installation

Installez et configurez Express sur votre projet Node.js en suivant ces étapes clés.

Icône de calendrier
Intermédiaire
8 chapitres

Initialisation d’un projet Node.js

Express étant un framework basé sur l’écosystème Node.js, commençons par mettre en place un environnement adéquat.

  1. Créer un dossier racine pour votre projet, par exemple 📁 app-express
  2. Initialiser node avec la commande suivante :
copié !
npm init

Installation d’Express

Se placer à la racine du projet puis installer Express via votre package manager favori.

Dans mon cas j’utilise npm :

copié !
npm install express

Initialisation d’Express

Créer un fichier 📄 app.js à la racine du projet afin d’instancier l’application Express et insérer le code suivant :

app.js
copié !
const express = require('express');
const app = express();
  • On charge le module Express préalablement installé avec require()
  • On l’instancie dans une constante app
app.js
copié !
const express = require('express');
const app = express();

const hostname = '127.0.0.1';
const port = process.env.PORT || 3000;

app.listen(port, hostname, () => {
	console.log(`Serveur démarré sur http://${hostname}:${port}`);
});
  • On déclare deux constantes hostname et port en y renseignant ce que doit écouter notre serveur.
  • On demande à notre serveur d’écouter notre application Express app, s’exécutant sur le port 3000 du localhost.

Exécution de l’application

Pour exécuter une application Express, on procède comme pour l’exécution d’une application Node.js classique : avec la commande node ou le paquet nodemon.

  • node app
  • nodemon app - si vous avez préalablement installé le module nodemon
  • nodemon, si vous avez préalablement installé le module nodemon et défini "main": "app.js" dans 📄 package.json
package.json
copié !
{
	// ...
	"scripts": {
		"start": "nodemon app"
	}
}

Après avoir lancé votre serveur, rendez-vous maintenant à l’URL suivante : localhost:3000.

Vous devriez voir apparaître le message d’erreur suivant :

Cannot GET /

Et il n’y a rien d’anormal à cela, puisqu’aucune route n’a été définie au sein de votre application… On détaille tout cela au chapitre suivant !