OK nous allons commencer la solution à cet exercice et nous allons commencer par créer un nouveau dossier que je vais appeler la solution.
Faites donc votre solution et CD en solution.
Et puis nous devons créer notre paquet pensé Jason.
Donc je vais faire NPM en elle.
C'est généralement la première chose que je fais quand je démarre une nouvelle application Express avant de créer des fichiers.
Je viens d'exécuter NPM en elle et je vais juste aller avec solutionis le nom 1.0 point pas de description sera la solution à l'exercice premier exprimer.
Point d'entrée fera app J.S. Juste une question de test de préférence de commande et entrez get repository frappez entrez mots-clés frappez saisissez auteur licence d'acier froid qui est très bien.
Est-ce correct.
Oui.
OK pour que nous donne le paquet que Jason peut voir que ici.
Maintenant, je vais faire notre acte.
Oui, c'est là que je vais écrire toutes les routes et le code et puis nous avons besoin d'installer EXPRESS Donc, NPM installer Express et la partie importante est que je veux que vous ajoutez comme une dépendance dans le paquet de choses Jason.
Et techniquement, vous pouvez le faire manuellement en entrant et en tapant là-bas, mais l'idée est d'utiliser les tiret dash sauver qui cherchera le paquet que Jason et automatiquement ajouté là-bas pour nous comme vous pouvez le voir ici.
Fermer les middies.
Et c'est parti.
Maintenant a des dépendances et exprimer énuméré sous cela.
OK alors commençons par configurer notre application express de base.
Donc, je vais ouvrir cette application Julius et je vais demander à Express et cela prend juste le contenu du module Express le paquet express et ensuite nous voulons l'exécuter et l'enregistrer dans une variable qui s'appelle communément app mais Il peut être appelé quelque chose comme ça.
Maintenant, nous avons la variable app qui sera utilisée pour configurer nos itinéraires et nous allons aller de l'avant et faire la première qui est la racine.
Donc apt obtenir slash et le message que nous recherchons est non plus.
Bienvenue à ma mission, donc je vais simplement copier ce sur apt get et puis nous avons besoin de notre fonction avec la demande et l'objet réponse.
Et ici ils se mettent en marche et nous allons faire un rez envoyer et juste envoyer cette chaîne entière et sauver.
Et allons-y et démarrez le serveur.
Donc nœud Abdulle Oui et vous remarquerez que rien ne se passe.
Et c'est parce que nous manquons le code en bas.
Cela dit réellement dire qu'il indique à l'application d'écouter sur un port particulier.
Donc, nous devons ajouter dans l'application pour écouter et puis nous devons fournir le port qui est un processus que les ports EMV et la même chose pour l'IP.
Donc process NVI IP.
Et je voudrais ajouter dans un petit message par la suite afin qu'il accepte un rappel facultatif où nous pouvons faire un journal de la console.
Aucun service de votre application et nous allons enregistrer cela et si nous commençons maintenant le serveur, nous obtenons un petit message et si nous allons à la vous êtes juste la racine et je touche entrer.
Je reçois soit.
Bienvenue à ma mission qui est ce à quoi nous nous attendons.
Donc, c'est 1 sur 3 routes vers le bas.
Commençons par cette route de slash animal et l'objectif principal ici est de vous faire utiliser un paramètre d'itinéraire au lieu de la bonne définition.
Donc, un autre enlèvement obtenir avant une part.
Le droit chemin.
Je vais vous montrer ce que vous n'étiez pas censé faire qui est slash parler slash porc et faire que sa propre route et puis un autre pour kow que ce n'est pas très sec code, surtout si nous avions cinq animaux différents.
Ce n'est pas ce que vous êtes censé faire.
Je cherchais ce slash parler slash colon animal et cela peut être nommé n'importe quoi, mais je pense animal fait le plus de sens.
Peut-être que vous pourriez avoir appelé créature ainsi, mais nous pourrions aussi simplement appeler X qui n'est certainement pas un nom de grande variable, il ne signifie pas beaucoup, mais il fonctionnera exactement de la même manière que l'animal.
Et puis ajoutons ceci à notre demande dans notre réponse et nous savons ici que nous allons envoyer quelque chose à la fin afin que nous puissions ajouter cela.
Et pourquoi ne pas commencer par dire simplement que c'est la voie parler.
Juste pour vous assurer que nos paramètres d'itinéraire sont correctement configurés et si nous redémarrer le serveur revenir et rafraîchir et de le déclencher, nous avons besoin d'aller parler slash quelque chose slash quoi que ce soit et nous obtenons c'est l'orateur.
OK maintenant concentrons-nous sur la logique ici.
La première chose que nous voulons faire est d'extraire l'animal.
Donc, je vais faire une variable juste l'appeler animal.
Et rappelez-vous qu'il est dans le Paramo afin de demander jusqu'à harams dot animal est la façon dont nous l'accès.
Ensuite, la prochaine chose que nous devons faire est d'avoir une variable qui va stocker le son que l'animal fait.
Donc, quelque chose comme le son var et il sera juste une chaîne vide pour commencer et puis nous allons essentiellement vérifier si l'animal est égal à porc.
Ensuite, dire que le son devrait être oink et fait la même chose.
LCF animal équivaut à la vache.
Et nous pouvons continuer à le faire.
Le son est égal à Moo.
Et laissez-le juste à cela pour maintenant et ajoutez dans nos points-virgules et puis redstart envoyez et nous allons juste envoyer l'animal plus plus un autre espace indique l'espace plus le bruit.
Et cela n'a que deux animaux pour l'instant.
Parce que comme vous pouvez le voir, c'est un peu de travail pour obtenir un autre animal là-dedans.
C'est une autre déclaration d'état et je vais vous montrer une façon plus courte de faire cela en une seconde, mais veillons à ce que cela fonctionne.
Donc, si les animaux de porc son comme si elle est la vache sonne Moo et puis lire et l'animal dit plus le son.
Reprenons.
Voyez si nous avons des erreurs de syntaxe pour commencer.
Cela semble bon.
Rappelons.
C'est parler slash porc.
Et pourtant le cochon dit oink et faisons la même chose pour la vache.
La vache dit moo.
Excellent.
Maintenant, nous allons revenir en arrière et parler de la façon la plus facile que j'ai mentionné où nous n'avons pas à avoir une déclaration séparée si pour chaque animal seul.
Donc, plutôt que de le faire, je vais supprimer tout cela et je vais définir un dictionnaire de paires de sons animaux qui sera juste un objet javascript simple, donc je vais l'appeler loin sons et à l'intérieur, nous aurons un animal Comme le cochon qui correspondra à un point sonore.
Et puis nous aurons un autre pour la vache qui correspond à mu.
Et un autre pour un chien qui correspondra à Wolf Wolf.
Et puis nous ajouterons dans le chat aussi bien qui dit que je vous hais humain.
Et le dernier animal sera poisson rouge et le poisson rouge dit dot dot dot.
Alors maintenant que nous avons ce son objet qui correspond à un animal avec un son bien que nous devons faire est de prendre l'animal que l'utilisateur cherche.
Alors parlez chien slash par exemple et nous prenons le chien et le brancher dans les sons et nous allons obtenir Wolf Wolf back out.
Donc, nous allons garder animal comment il est nous avons besoin de cette variable, mais le son va maintenant à des sons égaux d'animal comme ça.
Et nous devrions être bien d'aller maintenant.
Sauvegardons le redémarrage du serveur.
Et il dit exactement la même chose.
Essayons les poissons rouges.
Le poisson rouge dit dot dot dot et chat le chat dit que je vous déteste et il ya deux petits changements que je voudrais faire.
Le premier est que je veux des citations autour du son de l'animal.
Donc, il dit que le chat dit et puis citer Je vous déteste humain.
Et il ya quelques façons de le faire.
Le plus simple est juste d'utiliser des guillemets simples autour du son.
Nous allons faire quelque chose comme ça.
Ou nous ajoutons une citation unique, puis à la fin nous faisons plus une nouvelle chaîne et tout ce qui va à l'intérieur de cette chaîne est une citation simple.
Citations peut être une telle douleur parfois en javascript, mais ce n'est pas trop mauvais.
Nous avons des guillemets simples au lieu de guillemets ou pour utiliser des guillemets simples dans les guillemets doubles à l'intérieur.
Et maintenant, nous allons redémarrer à nouveau rafraîchir et nous obtenons le chat dit que je vous hais humain.
Fin de la citation.
Cependant si je vais au chat avec un C capital, nous avons un problème.
Même chose si un bon chien avec un capital C.
Et c'est parce que l'intérieur de notre objet sons, ils ne sont pas majuscules.
La clé est ici cochon avec un minuscule P chien avec une minuscule D et plutôt que de le dupliquer, nous pourrions faire chien correspond à Wolf Wolf.
Ce n'est vraiment pas sec.
Ce que nous pourrions faire à la place est juste en bas cas l'animal comme il vient dedans.
Donc, une demande pour un animal est arrivé à minuscules juste comme ça.
Et maintenant, nous redémarrer une fois de plus rafraîchir et maintenant en majuscules D pour chien et minuscules travailler de la même manière.
Voilà.
Voilà pour cette route.
L'itinéraire suivant est l'itinéraire de répétition.
Donc, nous allons avoir un apt get et nous savons que nous allons avoir Slash répète et nous avons besoin de deux variables ou deux paramètres dans l'itinéraire.
Et le premier est le message.
Donc nous allons simplement appeler le message à répéter.
Et le deuxième est le nombre de fois.
Et ne l'appel que les temps et nous allons ajouter dans notre rappel à la demande et la réponse que le code qui sera exécuté lorsque cette route est touchée.
Et à l'intérieur d'ici, pourquoi ne pas commencer juste la capture de ces deux variables.
So var message est égal à la requête top harams message et var times est égal aux requêtes.
Harams fois et les inondations faire une réponse envoyer.
Et nous allons juste faire message plus message juste pour voir ce que c'est.
Et nous ferons aussi plus fois est des heures de classe.
Donc, juste pour s'assurer que nous obtenons des messages et des temps correctement redémarrer le serveur à nouveau revenir rafraîchir dans ce temps aller à répéter la barre oblique et nous allons faire hélas barre oblique et nous recevons des messages Bonjour temps est un et si nous changeons cela.
Ça marche très bien.
OK, maintenant, nous allons revenir en arrière et travailler sur l'obtention réelle de ce travail où nous répéter le temps des messages nombre de fois et la première chose que nous voulons faire est de s'assurer que les temps est un nombre.
Parce que maintenant c'est une ficelle.
Donc nous allons faire le numéro demandé peut-être parfois juste comme ça et puis nous avons besoin de faire une boucle.
Nous allons donc passer en revue.
Je vais donc commencer par la boucle for pour var I equal.
Est moins que les temps.
Plus plus juste comme ça.
Et puis à l'intérieur d'ici ce que nous devons faire est d'ajouter un message à une variable.
Donc, chaque fois que la boucle sera ajoutée dans le message et nous allons faire de ce Stringer géant potentiellement une chaîne géante que nous envoyons ensuite à la fin.
Nous ne pouvons faire que redstart envoyer une fois quand vous faites une demande à un site Web vous obtenez une réponse en arrière.
Vous n'obtenez pas de réponses multiples et redstart send est l'envoi de la réponse afin que nous ne pouvons pas simplement faire le reste d'envoyer dans la boucle, car il ne se produira que la première fois.
Et puis nous avons terminé.
Donc nous devons faire un redémarrage envoyer.
Et nous allons juste faire redémarrer et le résultat qui est une variable qui n'existe pas encore que nous devons définir et nous allons commencer avec var résultats équivaut juste chaîne vide.
Et puis à l'intérieur de la boucle à chaque fois que nous allons faire résultat plus équivaut à un message comme ça.
Et cela renverra alors la chaîne de résultat que nous avons construite que nous avons construite en passant par cette boucle.
Donc, redémarrez le serveur à nouveau rafraîchir et juste faire quelque chose un peu plus maniable comme hi slash 10.
Et il semble que nous obtenons 10 le plus élevé, faisons trois obtenir trois gars là-bas.
Mais je veux avoir des espaces entre eux et faire cela.
C'est un changement simple, nous allons simplement ajouter un espace.
Nous allons simplement ajouter un espace après avoir ajouté un message et recommencer à nouveau l'actualisation.
Et maintenant nous obtenons haut espace haut espace haut.
Et faisons un slash faible 1000.
Voilà.
Cela me semble correct.
La dernière chose est d'obtenir la route catchall qui est censé imprimer la page désolé pas trouvé.
Que faites-vous de votre vie pour faire ce travail.
Nous devons utiliser l'astérisque.
Donc, nous allons revenir en arrière et juste au bas du fichier apt get star et ensuite notre demande de fonction et de réponse.
Et puis ici nous allons faire un redstart envoyer et coller cette chaîne dans et enregistrer la toute dernière fois redémarrer le serveur.
Revenons à rafraîchir et essayer d'aller à un itinéraire qui n'existe pas comme ça.
Oubliez désolé.
Page non trouvée.
Que faites-vous avec votre vie.
D'accord, voilà pour cet exercice.
Ensuite, nous allons continuer à travailler avec Express.
Nous allons parler de comment nous pouvons travailler avec HDMI tout comment nous pouvons renvoyer tout un fichier de HDMI maintenant.
Nous allons parler de modèles et quelque chose que l'on appelle Ejay Yes signifie JavaScript incorporé.