Le Framework Express.js

Le Framework Express.js

  1. Objectifs

    • Se familiariser avec ce qu’est d’Express.js et comment il s’intègre à Node.JS
  2. Présentation

    • d’Express.js est une infrastructure d’application (Framework), écrit en JavaScript et hébergée dans l’environnement d’exécution node.js. Cette section explique certains de ses principaux avantages, comment configurer votre environnement de développement et comment effectuer des tâches courantes de développement et de déploiement.
    • d’Express.js est le Framework Web Node le plus populaire et est la bibliothèque sous-jacente pour un certain nombre d’autres Framework Web Node populaires . Il fournit des mécanismes pour:
      • Écrivez des gestionnaires pour les demandes avec différents verbes HTTP à différents chemins d’URL (routes).
      • Intégrez avec les moteurs de rendu “vue” afin de générer des réponses en insérant des données dans des modèles.
      • Définissez les paramètres d’application Web courants tels que le port à utiliser pour la connexion et l’emplacement des modèles utilisés pour le rendu de la réponse.
      • Ajoutez un “middleware” de traitement des demandes supplémentaire à tout moment dans le pipeline de traitement des demandes.

      Express est un Framework d’application Web Node.js minimal et flexible qui fournit un ensemble robuste de fonctionnalités pour les applications Web et mobiles. Il s’agit d’un Framework open source développé et maintenu par la fondation Node.js.




  3. Qu’est-ce que Express.js?

    • d’Express.js est un framework d’application Web très populaire conçu pour créer des applications Web Node.js.
    • Il fournit un environnement intégré pour faciliter le développement rapide des applications Web basées sur les nœuds.
    • Le framework d’Express.js est basé sur le moteur middleware Connect et utilise le framework de modèles HTML Jade pour la création de modèles HTML.
    • Le framework Web Express

    • d’Express.js est un site Web Node.js minimal et flexible cadre d’application qui fournit un ensemble robuste de fonctionnalités pour les applications Web et mobiles.
    • Express.js est utilisé pour créer le côté serveur du Web application.
    • Express.js est une infrastructure de serveur d’applications Web Node js, spécialement conçue pour la création d’applications Web à une page, à plusieurs pages et hybrides.
    • Il est devenu le cadre de serveur standard pour node.js. d’Express.js est la partie backend de quelque chose connu sous le nom de pile MEAN.
    • Le MEAN est une pile logicielle JavaScript gratuite et open-source pour la création de sites Web dynamiques et d’applications Web qui comprend les composants suivants;
      • MongoDB – La base de données NoSQL standard
      • Express.js – Le cadre d’applications Web par défaut
      • Angular.js – Le framework JavaScript MVC utilisé pour les applications Web
      • Node.js – Framework utilisé pour les applications évolutives côté serveur et réseau.

      Le framework Express.js facilite le développement d’une application qui peut être utilisée pour gérer plusieurs types de requêtes telles que les requêtes GET, PUT et POST et DELETE.

  4. Installation d’Express.js

    • Pour installer Express.js sur votre système, vous devez d’abord vous assurer que Node.js est déjà installé. Sinon, ne vous inquiétez pas, reportez-vous simplement à mon article sur l’installation de Node.js qui vous guidera étape par étape. Une fois que vous avez terminé l’installation de Node.js, l’étape suivante consiste à installer d’Express.js.
    • Pour installer Express.js, vous devez d’abord créer un répertoire de projet et créer un fichier package.json qui contiendra les dépendances du projet. Voici le code pour effectuer la même chose: npm init
    • Vous pouvez maintenant installer le package express.js dans votre système. Pour l’installer globalement, vous pouvez utiliser la commande ci-dessous: npm install -g express
    • Ou, si vous souhaitez l’installer localement dans votre dossier de projet, vous devez exécuter la commande ci-dessous: npm install express --save
  5. L’exemple standard d’Express.js Hello World

    • Considérons d’abord l’exemple standard d’Express Hello World (nous en discutons chaque partie ci-dessous et dans les sections suivantes).
    • Le framework Web Express

      1. Importation et initialisation
        • La première ligne importe Express dans notre fichier, nous y avons accès via la variable Express. Nous l’utilisons pour créer une application et l’assigner à var app.
      2. app.get (route, callback)
        • Cette fonction indique ce qu’il faut faire quand un get la demande sur la route donnée est appelée.
        • La fonction de rappel a deux paramètres, request(req) et response(res): function (req, res) .
        • La requête objet (req) représente la requête HTTP et a des propriétés pour la chaîne de requête de requête, les paramètres, le corps, les en-têtes HTTP, etc. De même, l’objet de réponse représente la réponse HTTP que l’application Express envoie lorsque il reçoit une requête HTTP
      3. res.send ()
        • Cette fonction prend un objet en entrée et l’envoie au client demandeur. Ici, nous envoyons la chaîne “Hello World! .
        • res.send(...) est l’instruction permettant de retourner une reponse au client (on peut également utiliser redirect et render …)
      4. app.listen (port, [host], [backlog], [callback]])
        • Cette fonction lie et écoute les connexions sur l’hôte et le port spécifiés. Le port est le seul paramètre requis ici.
        • Arguments
          • port : Un numéro de port sur lequel le serveur doit accepter les requêtes entrantes.
          • hôte : Nom du domaine. Vous devez le définir lorsque vous déployez vos applications sur le cloud.
          • backlog : Le nombre maximum de connexions en attente en file d’attente. La valeur par défaut est 511.
          • callback : Une fonction hrone qui est appelée lorsque le serveur commence à écouter les requêtes.
    • La partie centrale du code (les trois lignes commençant par app.get) montre une définition d’itinéraire .
    • La méthode app.get() spécifie une fonction de rappel qui sera appelée chaque fois qu’il y a une requête HTTP GET avec un chemin (‘/‘) relatif à la racine du site.
    • La fonction de rappel prend une requête et un objet de réponse comme arguments, et appelle la réponse send() pour renvoyer la chaîne “Hello World!
    • Le dernier bloc démarre le serveur sur un port spécifié (“3000”) et imprime un commentaire de journal sur la console.
    • Avec le serveur en cours d’exécution, vous pouvez accéder à localhost:3000 dans votre navigateur pour voir l’exemple de réponse renvoyé.
    • Le framework Web Express

  6. Principales fonctionnalités du framework Express

    • Permet de configurer des middlewares pour répondre aux requêtes HTTP.
    • Définit une table de routage qui est utilisée pour effectuer différentes actions en fonction de la méthode HTTP et de l’URL.
    • Permet de rendre dynamiquement les pages HTML en passant des arguments aux modèles.
    • Ci-dessous, j’ai sélectionné quelques-unes des fonctionnalités les plus importantes d’Express.js:
      1. Express accélère le rythme de développement d’une application Web.
      2. Il aide également à créer des applications mobiles et Web de types à une page, à plusieurs pages et hybrides
      3. Express peut fonctionner avec divers moteurs de création de modèles tels que Pug, Moustache et EJS.
      4. Express suit l’architecture Model-View-Controller (MVC).
      5. Cela rend le processus d’intégration avec des bases de données telles que MongoDB, Redis, MySQL sans effort.
      6. Express définit également un middleware de gestion des erreurs.
      7. Cela permet de simplifier les étapes de configuration et de personnalisation de l’application.



Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement