TP 2: Votre premier serveur Node JS

De $1

Version de 08:40, 27 Nov 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Dans le premier TP, nous avons configuré l'environnement de travail. Aussi, nous avons créé notre premier script Node JS.

Dans ce TP, nous allons mettre en place notre première application Node JS. A la fin du TP, vous aurez appris: 

1. Comment créer un serveur HTTP en utilisant Node JS 

2. Lancer un serveur Node JS 

3. Accéder aux ressources du serveur à partir d'un navigateur

 

A. Créer un serveur 

Créez un dossier tp2, dans le repertoire `cours node js`. Dans ce dossier, créez un fichier `app.js`.

//Importer le module http 
//Il contient toutes les méthodes necessaires 
//pour la création d'un serveur ainsi que des requêtes HTTP 
const http = require('http');

//Création du serveur
const server = http.createServer(function(req, res) {  
    res.writeHead(200, {"Content-Type": "text/plain"});  
    res.end('Hello World!');
});

//Démarrage du serveur sur le port 8085
server.listen(8085);

A la ligne 4, on importe le module http, necessaire pour la création du serveur ainsi que la gestion des requêtes/réponses HTTP. 

A la ligne 7, on crée le serveur grâce à la méthode `createServer` qui retourne une instance du serveur. 

Finalement, à la ligne 13, on demande au serveur d'écouter sur le port 8085. Sentez-vous libres de spécifier un autre port si ce port n'est pas disponible. 

 

B. Lancer le serveur 

Ouvrez une console, directement dans VSC et tapez la commande

node app.js

 

C. Accéder au serveur 

A ce stade, un serveur web a été créé et écoute les connexions http sur le port 8085. 

N'ayant pas précisé de nom de domaine, l'adresse du serveur est http://localhost:8085 

1. Que remarquez-vous ? 

2. Sauriez-vous identifier le contenu qui s'affiche dans la page web dans les sources du serveur `app.js` ? 

3. Changer le message 'Hello world !' en 'Bienvenue sur le site officiel du MBDS'. 

4. Rechargez la page web ! Le contenu reste le même pourquoi ? comment y rémédier ? 

 

D. Le package nodemon 

Quand on déamarre un serveur Node JS avec la commande node, les changements ne sont pas pris en compte automatiquement. On est obligé de redémarrer le serveur manuellement, ce qui n'est pas pratique en phase de développement. 

Pour y rémédier, nous allons utiliser le paquet `nodemon`; qui remplit les mêmes fonctions que node sauf qu'il se charge de redémarrer le serveur à chaque changement dans les sources de l'application. 

1. Pour installer `nodemon`, on va utiliser le gestionnaire npm. 

2. Ouvrez une console et tapez 

$ sudo npm install -g nodemon

3. Une fois l'installation terminée, arrêtez le processus node et relancez le serveur en tapant nodemon app.js

4. Modifiez le message 'Bienvenue sur le site officiel du MBDS' en  'Bienvenue sur le site officiel du MBDS à Abidjan'. 

5. Rechargez la page, que remarquez-vous ? 

 

Et voilà, vous avez creé votre premier serveur Node JS