Node.JS express et fichiers HTML
Node.JS express et fichiers HTML
-
Objectifs
- Etre capable d’utiliser html avec node.js en utilisant le module express.
-
Présentation
- Cette api permet d’instancier simplement un serveur http et permettant d’exposer l’url d’accès à un fichier html.
- Pour l’installer, il suffit de taper en ligne de commande en se plaçant dans le dossier du projet :
npm install express -
Qui utilise Node.js?
-
Prérequis
- Installer node.js.
- Créez un dossier pour y mettre les fichiers du projet qui seront créés.
- Installer node.js express:
npm install express - Créer un serveur Web avec Node.JS Express
- Pour commencer, dans le dossier du projet, créez un fichier javascript en le nommant
server.jsVous y mettrez tout le code javascript de l’exercice. - Pour utiliser le module
node.js express, il faut déclarer une variable express faisant référence au module installé précédemment. var express = require('express');- Puis instancier le serveur :
var server= express();- Enfin mettre le serveur en écoute sur un port déterminé, pour l’exemple le port choisi est 8050 :
server.listen(8050);-
Le code final sera:
- Pour démarrer le serveur node.js, il suffit d’invoquer la commande suivante :
node server.js -
Servir une page HTML avec Node.JS Express
- Dans le dossier de votre projet, créez une page html nommée
index.html: - Servir une page html consiste simplement à renvoyer la page html par le biais de la méthode
sendfilede l’objetresponseparamètre de la fonction callback.
var express = require('express');
var server= express();
server.listen(8050);Souvenez vous qu’à chaque modification, il vous faudra stopper node.js (par la combinaison des touches CTRL + C) et le redémarrer.
var express = require('express');
var server = express();
server.get('/simple.html', function(request, response) {
response.sendfile('./simple.html');
});
server.listen(8333);