Node.JS express et fichiers HTML

Node.JS express et fichiers HTML

  1. Objectifs

    • Etre capable d’utiliser html avec node.js en utilisant le module express.
  2. 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



  3. Qui utilise Node.js?

    1. 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
    2. 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.js Vous 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:
        • var express = require('express');
          var server= express();
          server.listen(8050);
      • Pour démarrer le serveur node.js, il suffit d’invoquer la commande suivante : node server.js
      • Souvenez vous qu’à chaque modification, il vous faudra stopper node.js (par la combinaison des touches CTRL + C) et le redémarrer.

    3. 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 sendfile de l’objet response paramètre de la fonction callback.
      • var express = require('express');
        var server = express();
        server.get('/simple.html', function(request, response) {
          response.sendfile('./simple.html');
        });
        server.listen(8333);



Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement