Comment tester un projet web Node.js en local ?

17 mars 2023 0 Par Mickael LEBRET

Voici un tutoriel rapide pour pouvoir tester un projet web développé via Node.js, en utilisant le framework minimaliste Express.

Pour tester un projet web Node.js en local, vous devrez créer un serveur web à l’aide d’Express, un framework populaire pour Node.js. Voici les étapes pour configurer et tester votre projet web :

Étape 1 : Installer Express

Si vous n’avez pas encore installé Express, ouvrez un terminal et accédez au répertoire de votre projet. Exécutez la commande suivante pour initialiser un fichier package.json :

npm init -y

Ensuite, installez Express avec la commande suivante :

npm install express

Étape 2 : Créer un fichier de serveur

Créez un fichier JavaScript dans le répertoire de votre projet, par exemple server.js. Ouvrez ce fichier dans un éditeur de code et ajoutez le code suivant pour configurer un serveur web simple avec Express :

const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;

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

app.get('/', (req, res) => {
    res.sendFile(__dirname + '/public/index.html');
});

app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

Assurez-vous de créer un dossier public dans le répertoire de votre projet pour stocker les fichiers statiques tels que les fichiers HTML, CSS et JavaScript côté client.

Étape 3 : Ajouter des fichiers statiques

Créez un fichier index.html dans le dossier public et ajoutez le code HTML de base pour votre projet. Vous pouvez également ajouter des fichiers CSS, JavaScript et d’autres ressources statiques dans ce dossier.

Étape 4 : Exécuter le serveur

Ouvrez un terminal et accédez au répertoire de votre projet. Exécutez la commande suivante pour démarrer le serveur :

node server.js

Remplacez « server.js » par le nom de votre fichier de serveur, si nécessaire.

Étape 5 : Accéder au projet via le navigateur

Ouvrez votre navigateur web et accédez à l’adresse suivante :

http://localhost:3000

Vous devriez voir votre projet web s’afficher dans le navigateur. Vous pouvez maintenant tester et déboguer votre application web Node.js en local.

Étape 6 : Utiliser Nodemon (optionnel)

Si vous souhaitez que votre serveur redémarre automatiquement à chaque modification de fichier, vous pouvez utiliser Nodemon. Installez Nodemon en exécutant la commande suivante :

npm install -g nodemon

Puis démarrez votre serveur avec Nodemon en tapant :

nodemon server.js

Remplacez « server.js » par le nom de votre fichier de serveur, si nécessaire.

En suivant ces étapes, vous pourrez tester et déboguer votre projet web Node.js en local sur votre ordinateur.

N’hésitez pas à laisser un commentaire si ce tutoriel vous a plu ou si vous avez des remarques et suggestions !