Express.js – Servir les fichiers statiques (Static assets)

Express.js est un framework web Node.js qui facilite la création d’applications web robustes et performantes. L’une des fonctionnalités les plus importantes d’Express.js est la capacité de servir des fichiers statiques tels que des images, des feuilles de style CSS et des scripts JavaScript.

Pour servir des fichiers statiques dans une application Express.js, vous pouvez utiliser la méthode express.static(). Cette méthode prend le chemin du répertoire contenant les fichiers statiques en tant que paramètre et renvoie un middleware qui servira ces fichiers lorsque la requête correspondante sera reçue.

Voici un exemple de la façon dont vous pouvez servir des fichiers statiques dans votre application Express.js :


const express = require('express');
const app = express();

app.listen(3000, () => {
console.log('App running on port 3000');
});


Dans cet exemple, tous les fichiers statiques se trouvant dans le répertoire ‘public’ seront servis par Express.js. Par exemple, si vous avez un fichier ‘style.css’ dans le répertoire ‘public’, il sera accessible à l’adresse http://localhost:3000/style.css.

Vous pouvez également spécifier un chemin de base pour servir les fichiers statiques en utilisant un chemin relatif ou absolu :


app.use('/static', express.static('public'));


Avec cette configuration, les fichiers statiques seront servis à partir du chemin ‘http://localhost:3000/static/’.

En conclusion, servir des fichiers statiques dans une application Express.js est facile et efficace grâce à la méthode express.static(). Cela permet d’améliorer les performances de votre application en réduisant la charge serveur et en offrant une expérience utilisateur plus rapide.