Amosse EDOUARD > Introduction NodeJS > TP 2: Votre premier serveur Node JS

TP 2: Votre premier serveur Node JS

De $1

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(8080);

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 ? 

E. Gestion des urls avec le module `url`

Comme vous aviez pu le remarquer, on accède aux ressources du serveur en utilisant des urls. Dans cette partie du TP, nous allons voir comment traiter ces urls. 

1. Ouvrez le fichier `app.js`

2. Importez le module 'url' à la ligne 5 

const url = require('url');

3. Ajoutez à la ligne 10, l'instruction suivante 

const page = url.parse(req.url).pathname;

4. Sauvegardez le changement puis rechargez la page web, que remarquez vous ? 

5. Ajoutez un paramètre de requête dans l'url (e.g. http://localhost:8085?test=mbds); que remarquez-vous ? 

F. Gestion des query params avec le module `querystring`

1. Importez le module `querystring`

const querystring = require('querystring');

2. Récupérez les paramètres de la requête en ajoutant les instructions suivantes à partir de la ligne 10 

const params = querystring.parse(url.parse(req.url).query);

if("name" in params) {
res.end("Bonjour " +params.name +" !");
}else {
res.end("Bonjour inconnu");
}

3. Rechargez la page en passant le paramètre name. Que remarquez-vous ? 

4. Modifiez le programme pour prendre en compte un paramètre age, puis affichez le message "Bonjour [name], vous avez [age] ans !". 

5. Rechargez la page et vérifiez que tout fonctionne. 

 

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

 

Mots clés:
 
Images (0)
 
Commentaires (0)
Vous devez être connecté pour poster un commentaire.