Express.js (Framework pour Node.js) - Installation et mise en route

Bonjour à tous et bienvenue dans cette nouvelle vidéo qui s'inscrit dans la série consacrée au Node.js. Aujourd'hui, nous allons commencer à utiliser le framework Express afin de pouvoir monter des applications et des API plus avancées en écrivant moins de code. Comme nous l'avons vu lors des vidéos précédentes, il est possible de monter une application backend ou une API fonctionnelle en utilisant les modules natifs offerts par l'environnement Node.js. Cependant, on est amené à exprimer les moindres détails à l'aide du code, comme l'envoi des en-têtes ou l'analyse des URL. Bien que ce ne soient pas des opérations complexes, elles nécessitent quand même d'écrire pas mal de code pour que tout fonctionne bien. Heureusement, il existe un moyen d'aller plus vite tout en poussant le côté fonctionnel de notre application beaucoup plus loin. Il s'agit de l'utilisation du framework Express. En programmation, on appelle framework un environnement de développement qui offre des fonctionnalités, appelées aussi modules, prêtes à l'emploi. En fait, toutes les applications que l'on a créées ou que l'on souhaite créer contiennent un nombre important de fonctionnalités communes, comme le traitement des formulaires, l'interrogation de la base de données, l'exportation des images, etc. Alors, au lieu de recoder à chaque fois ces fonctionnalités-là, il serait plus utile de réutiliser celles que nous avons déjà programmées auparavant pour d'autres applications. Mieux encore, on pourrait carrément réutiliser celles qui ont été codées par d'autres programmeurs et qui ont été jugées comme performantes et optimisées. Mais au lieu de collecter ces morceaux de code de plusieurs endroits, on va plutôt y accéder d'un seul et unique endroit en utilisant un style de programmation standard et adapté. Cet endroit n'est rien d'autre qu'un framework. L'un des frameworks les plus utilisés pour l'environnement Node.js s'appelle Express, et comme nous allons le voir dans la suite de cette série, il facilite considérablement le développement backend ou le montage des API qui implémentent les CRUD de manière renforcée. Voyons comment mettre en place le framework Express. On commence d'abord par créer un dossier de travail, c'est-à-dire là où notre application sera créée. On ouvre ce dossier dans un éditeur de votre choix, moi je préfère utiliser VS Code dans ce cas. On ouvre ensuite le terminal afin de mener les différentes opérations nécessaires à la mise en place de notre application. La première opération consiste à initialiser notre projet, cela revient à créer un fichier nommé package.json. Ce fichier contient des informations cruciales concernant le projet comme le nom, la description et la version et le plus important encore c'est la liste des dépendances dont le projet a besoin pour fonctionner. Pour initialiser le projet on tape la commande npm init -y. Je rappelle que npm signifie Node Package Manager. Il s'agit d'un gestionnaire de paquets dans l'environnement Node.js et qui permet d'installer, mettre à jour ou supprimer des paquets. -y permet de sauter les différentes questions que le gestionnaire pourrait nous poser, comme le nom du projet, la version, etc. Donc les valeurs par défaut seront appliquées par npm. L'exécution de la requête crée automatiquement le fichier package.json qui contient des informations comme le nom du projet, sa version et sa description, en plus d'autres informations que npm applique automatiquement comme le nom du fichier principal de l'application qui dans ce cas correspond à index.js. Mais nous ne sommes pas obligés de respecter ce nom et on peut renommer notre fichier principal comme bon nous semble. Il est temps d'installer le framework Express. On tape alors la commande npm i express. i est une abréviation de install ou bien installer. On constate que le fichier package.json a été mis à jour et il contient désormais la clé dependencies qui contient notre première dépendance et qui n'est rien d'autre que le framework Express. On constate qu'un dossier nommé node_modules a aussi été créé. Celui-ci contient les sources des dépendances installées. Un autre fichier JSON nommé package-lock.json a aussi été généré. Il a pour rôle de maintenir les noms et versions des différentes dépendances utilisées dans le projet courant. Ainsi, si un jour on décide de réinstaller les mêmes modules, comme au moment du déploiement de l'application en mode production, on est sûr que ce sont les mêmes versions que celles utilisées qui seront téléchargées et installées. Maintenant, créons le fichier principal de notre application dans la racine du projet. On peut choisir n'importe quel nom, mais on utilise souvent des noms comme index.js, server.js ou app.js. Cette fois, je vais opter pour app.js. On peut exécuter notre code à travers la ligne de commande en tapant node app.js comme on faisait avant. Mais ce n'est pas comme ça que l'on va travailler. Si vous avez suivi les vidéos précédentes de cette série, vous vous souvenez certainement qu'après toute modification du code, on arrête et redémarre manuellement notre serveur, ce qui semble être très frustrant comme opération, surtout qu'on va constamment modifier notre code. Afin d'éviter ce problème, nous allons installer une nouvelle dépendance appelée nodemon. Nodemon est un utilitaire qui traque la moindre modification dans le code du fichier principal les fichiers qui y seront importés par la suite, et se charge de redémarrer automatiquement le serveur à notre place, ce qui constitue un gain de temps important. Pour installer nodemon, il y a plusieurs façons, mais nous allons adopter la plus simple en tapant npm i nodemon. Comme prévu, le fichier package.json a été mis à jour par l'ajout de la nouvelle dépendance. Afin de dire à nodemon de surveiller les modifications du fichier principal, nous allons procéder ainsi. Premièrement, nous allons nous rendre dans la clé scripts du fichier package.json et nous allons ajouter une nouvelle clé que nous appellerons par exemple start et comme valeur on mettra la commande nodemon app.js. Ensuite, nous allons nous rendre dans la ligne de commande et taper la commande suivante: npm run start. À partir de ce moment, nodemon traque et notifie la moindre modification du fichier app.js. Essayons de modifier et enregistrer le fichier. On constate que notre demande réagit aussitôt et réexécute le fichier principal automatiquement. Maintenant, notre environnement de travail est prêt. Dans la leçon qui va suivre, nous allons voir comment monter un serveur et comment passer nos premières requêtes et récupérer les réponses sur le client. Merci pour votre attention et à la vidéo prochaine.