Maintenant, que nous avons appris sur Express Generator,
l'outil d'échafaudage pour les applications d'experts,
installons Express Generator puis créons une nouvelle application Express.
Nous allons créer la réplique exacte de
l'application API REST Express que nous avons implémentée dans le module précédent.
Nous allons en effet réutiliser les trois routeurs, les
routeurs Express que nous avons implémentés dans l'application Express précédente dans
l'application nouvellement générée que nous allons
générer en utilisant Express Generator dans cet exercice.
Pour commencer, votre première étape consiste à installer Express Generator.
Donc, à l'invite, tapez « npm
install -g » pour l'installer en tant que module NPM global.
Nous allons dire Express Generator et appuyer sur le retour.
Maintenant, si vous installez sur une machine OSX ou Linux,
assurez-vous d'utiliser sudo devant cette commande.
Installez ensuite l'application en tant qu'application globale.
Comme vous pouvez le voir, la version Express Generator que j'utilise est 4.16.0 dans ce cours.
Maintenant, que nous avons installé Express Generator, dans votre terminal,
déplacez vers le dossier Node.Js où vous avez stocké
toutes les applications de nœuds que nous avons développées dans ce cours,
dans le dossier Node.Js.
À l'invite, tapez express ConfusionServer.
Maintenant, si vous avez suivi des cours précédents,
vous comprenez pourquoi je l'appelle Confusion et donc nous
allons mettre en place notre application express dans le ConfusionServer.
Je suis en train d'échafaudage sans nouvelles options et puis dans un court laps de temps,
le serveur Express sera échafaudé.
Maintenant, passez dans le dossier ConfusionServer et
vous verrez qu'un tas de fichiers sont déjà échafaudés pour vous.
Donc, ouvrons ce projet dans Visual Studio Code.
Aussi, à l'invite, tapez « npm
install » pour installer tous les modules NPM
qui sont déjà inclus dans le fichier package.json.
Donc, jetons un coup d'oeil au fichier package.json pour voir quels sont
tous les différents modules NPM Node qui vont être installés.
Aller à notre application,
dans le fichier package.json,
vous voyez que le serveur avec le nom par défaut
a été échafaudé et vous voyez un tas de dépendances qui sont déclarées ici.
Donc, tous ces modules NPM vont être automatiquement installés pour
vous par NPM lorsque vous tapez « npm install » dans ce dossier.
Ainsi, vous verrez le dossier des modules de nœud en cours de création ici.
Allez dans le terminal, tapez « npm install », puis laissez-le
procéder à l'installation de tous les différents modules NPM.
Une fois qu'ils sont tous remplis,
nous sommes prêts à commencer avec notre application Express.
Vous remarquerez que l'application Express par défaut a déjà été installée.
Donc, à l'invite,
si vous dites simplement npm start,
l'application par défaut démarrera et vous pouvez
naviguer à l'aide de votre navigateur standard pour voir ce que cette application sert.
Allez dans Postman au type de bloc d'adresse localhost:3000 et
envoyez la requête et vous verrez que votre serveur retournera
ces informations par défaut à partir du site du serveur.
Donc, c'est le serveur Express standard qui est échafaudé par Express Generator.
Sur la console, vous verrez des informations comme celle-ci imprimées ici.
C' est ce que Morgan imprime à l'écran pour montrer les demandes qui arrivent.
Ainsi, il montre le type de requête à quelle URL
et la réponse correspondante qui a été renvoyée au client à partir du serveur.
Arrêtons le serveur Express.
Initialisons un dépôt Git, puis
nous vérifierons l'état Git et vous verrez que les modules de noeud sont inclus.
Donc, laissez-moi basculer vers mon application, puis créer
un fichier gitignore, puis dans le fichier gitignore,
permettez-moi de spécifier les modules de noeud comme un fichier que je veux ignorer.
Ensuite, revenant au terminal,
laissez-moi vérifier l'état git et vous voyez que maintenant
nous allons enregistrer seulement les fichiers qui font partie de notre application.
Donc, à l'invite, tapez git add,
puis dites, git status et vous voyez tous les fichiers ont été archivés.
Donc, vous dites, git commit -m « Express Generator ».
Maintenant, nous allons continuer avec cette application Express.
Nous avions déjà construit les trois routeurs en utilisant
le routeur Express dans l'application Express précédente que nous avons implémentée.
Nous allons copier ces trois routeurs dans cette application que nous avons générée en utilisant
Express Generator et également configurer cette application pour utiliser ces trois routeurs.
Donc, pour ce faire,
laissez-moi aller dans le dossier Node.Js, puis,
en allant dans le dossier express du noeud et les routes,
je vais copier le dishRouter.js,
leaderRouter.js router.js et promoRouter.js que j'ai implémenté
dans l'affectation et nous reviendrons sur
le ConfusionServer que je viennent de créer et dans le dossier routes, puis copier
sur ces trois routeurs Express que nous avons créés là-bas.
Donc automatiquement, en modifiant le fichier app.js,
nous serons en mesure de soutenir l'API REST en utilisant
l'application Express que nous venons de sortir.
Payer une visite rapide à l'application qui a été échafaudé.
Comme je l'ai mentionné dans la conférence précédente,
le app.js est l'endroit où tout commence.
Donc, c'est le fichier standard afin que vous puissiez voir certaines
des choses que vous connaissez depuis le module précédent.
Donc, nous avons besoin d'un enregistreur de chemin express qui est morgan dans ce cas.
CookieParser que nous allons utiliser dans l'un des exercices ultérieurs et vous
voyez aussi que vous importez deux routes ;
l'index et les utilisateurs,
qui sont déjà échafaudés par Express pour nous.
Donc, nous allons ajouter les trois nouveaux routeurs ici.
Donc, je vais juste dire, var Dish.Router nécessite des routes
Dish.Router et puis ils vont copier ceci et ensuite aussi importer
le Promorouter et le LeaderRouter
et nous allons les configurer pour être utilisés ici.
Ici, vous voyez que l'index est monté à
la barre oblique, puis les utilisateurs sont montés sur /users.
Donc, nous allons dire, l'utilisation de l'application
et la vaisselle Dish.Router.
Il est quatre heures.
Promotions Promorouter et leaders.
LeaderRouter. C'est ça.
Notre application Express qui a été échafaudée est maintenant configurée
pour être un serveur d'API REST à part entière qui servira pour les plats, les
plats, les promotions et les leaders.
Maintenant, si vous parcourez le reste du code,
il semblera familier avec quelques nouvelles choses là-dedans.
Nous les rendrons visite au fur et à mesure que nous aurons besoin de comprendre un peu plus de détails là-bas.
Donc, vous pouvez voir que le serveur statique a été configuré,
l'enregistreur a été configuré là et certains de ces autres- donc,
celui-ci est un gestionnaire global pour les erreurs.
Nous verrons comment l'utiliser plus en détail.
Et ces deux sont des gestionnaires d'erreurs supplémentaires qui suivent après cela.
Nous verrons comment nous les utilisons au fur et à mesure que nous les mettons en œuvre dans cette application.
Donc, c'est là que vous remarquez toutes ces informations.
Maintenant, vous vous demandez où le serveur lui-même est
configuré sur l'hôte local et le numéro de port sont configurés.
Maintenant, cette information est dans ce fichier appelé bin/www.
Si vous ouvrez le dossier bin/www,
vous verrez des informations supplémentaires ici.
Donc, il dit, application var nécessite.. slash/app.
Donc, à partir du dossier bin,
vous venez ici et puis,
ce fichier app.js est requis ici dans ce ;
et donc, cela inclura automatiquement l'express et tout.
Et puis, ici, vous configurez
le serveur http ici et vous configurez le numéro de port.
Vous pouvez également fournir votre propre numéro de port sur la ligne de commande,
mais pour le moment nous allons utiliser la valeur par défaut, qui est 3000,
et nous allons configurer le numéro de port ici ; puis,
vous voyez le serveur var http.CreateServer que vous avez vu précédemment,
et le serveur écoute des choses ici.
Et puis, aussi, voici quelques événements à l'écoute du côté serveur.
Nous reviendrons à cela dans un des exercices ultérieurs.
Et puis, ci-dessous, vous verrez un
code supplémentaire qui configure votre serveur pour être en mesure de
gérer les erreurs et d'écouter les demandes entrantes sur le numéro de port et ainsi de suite.
Pour le moment, ne vous inquiétez pas trop de ce code.
Nous revisiterons ce code chaque fois que nous en aurons besoin,
et nous modifierons ce code au fur et à mesure que nous en aurons besoin dans l'un des exercices ultérieurs.
Donc, c'est là que les informations de votre serveur sont toutes configurées là.
Et app.js, nous avons déjà vu le dossier routes là-bas.
Index.js et users.js sont deux routes par défaut qui sont déjà configurées pour nous.
Nous allons utiliser le users.js dans l'un des exercices ultérieurs.
Et dans le dossier public,
allons de l'avant et copions le index.html et
aboutus.html de notre application Express dans le dossier public également.
Donc, revenant au dossier public node-express.
Je vais juste copier ces deux-là.
Et puis, nous reviendrons sur le serveur de confusion ;
puis, dans le dossier public,
je vais simplement les coller en place.
Pour le moment, ce sont des espaces réservés.
Plus tard, nous les remplacerons par d'autres choses.
Ainsi, avec ces modifications,
notre serveur est maintenant entièrement configuré pour fonctionner en tant que
serveur API REST et prendra en charge tous les points de terminaison de l'API REST.
Alors, commençons notre serveur.
Ainsi, à l'invite,
tapez npm start et votre serveur sera opérationnel.
Allons à PostBin et envoyons quelques requêtes à ce serveur.
Envoyez-nous maintenant une demande get à l'hôte local 3000/plats,
et vous remarquerez que le serveur API REST fonctionne exactement comme nous le prévoyons.
Nous envoyons une demande de suppression et il supprimera les plats.
Et puis, envoyons
une demande de suppression aux promotions et vous voyez que cela fonctionne comme avant.
Et nous faisons un post aux promotions
avec le corps en champ
et envoyons la demande de poste,
et vous verrez qu'il dit,
« Nous allons ajouter le test de promotion avec une description détaillée. »
Envoyez-nous ceci aux leaders.23,
mais mettez la demande aux leaders.23 et vous devriez voir qu'il dit, « Mise à jour du leader 23.
Va mettre à niveau le leader. » Donc, vous voyez que
le générateur Express qui a généré l'application et nous l'
avons modifiée pour prendre en charge l'ensemble des points de terminaison de l'API REST que
nous avons configurés dans la version précédente du routeur Express.
Maintenant, avec cela, nous terminons cet exercice où nous avons démontré comment nous pouvons
utiliser le générateur Express pour construire le point de terminaison de l'API REST.
Maintenant, c'est un bon moment pour nous de faire un Git Kermit des changements avec le message,
« Express generator REST API. »