OK, il reviendra.
Donc cette leçon est une que je suis assez excité à faire.
J'espère que vous l'apprécierez.
Nous allons écrire notre toute première application express avant de le faire.
Je veux prendre 30 secondes.
Ce sera vraiment court, je le promets.
Juste examiner deux sujets importants comment une application existante fonctionne de sorte que l'application chien que j'ai déjà montré, puis les bases du cycle de vie de la réponse de demande HTP.
OK commençons.
Je vais commencer par parler des demandes et réponses de HTP.
Rappelez-vous donc quand je vais à un u r l comme Google dot com et j'ai frappé Enter Je demande une page web, j'envoie une demande HDTV et que la demande a un verbe particulier ou de type.
Est-ce une requête GET ou une requête POST ou certains des autres que nous n'avons pas vraiment vu encore.
Et puis je potentiellement envoyer des données avec la demande et le serveur qui reçoit ma demande le serveur que je demande Google a un code qui décide quelle page de me renvoyer.
Il m'envoie donc cette page d'accueil de Google ou peut-être m'envoie-t-il la page d'ouverture de session Google ou la page G-mail ou une page indique que Mon mot de passe est incorrect quel qu'il soit.
Le serveur décide de ce qu'il faut renvoyer.
Et puis il répond avec une réponse.
Donc, j'envoie une demande de code du côté du côté chiffres chiffres ce que je demande et puis il fait des trucs et puis envoyer des commentaires une réponse qui est fondamentalement ce que nous allons utiliser Express à faire.
Donc, j'ai cette application de démon chien que vous vous souvenez.
C'est très très oubliable.
Juste une application simple qui a une base de données que nous avons connecté et un utilisateur peut afficher tous les chiens dans la base de données.
Chaque chien n'a qu'un nom et une race entièrement inutiles.
Mais c'est agréable et simple et je pense que c'est une bonne illustration de la façon dont Express fonctionne.
Nous avons donc un code ici.
Des choses comme exigeant Express et nécessitant une base de données.
Mais surtout, ces trois morceaux sont appelés wraps et nous allons écrire nos propres itinéraires et seulement quelques minutes routes ou le code qui sont responsables de l'écoute et la réception de ces demandes dont j'ai parlé et puis décider de ce qu'il faut renvoyer .
Donc, dans ce cas, nous avons le code qui est à l'écoute pour une demande à la page d'accueil juste à la barre oblique alors nous avons un code qui est à l'écoute pour une demande d'obtenir des chiens slash et nous avons un autre code qui écoute pour une demande post sur slash create dogs Et puis à l'intérieur des routes, nous sommes en train d'exécuter du code.
Dans ce cas, nous venons de rendre la page d'accueil.
Donc, cela va répondre avec le contenu de notre page d'accueil qui est un autre fichier ailleurs dans celui-ci.
Quand quelqu'un demande des chiens coupés comme une demande de get nous trouvons tous les chiens et alors nous rendons la page de chiens et envoyons toutes les données pour les chiens.
Ainsi que.
Et quand quelqu'un crée un chien, nous envoyons une demande de poste pour créer un chien.
Nous allons ajouter un chien à la base de données, puis les rediriger vers la page du chien où ils peuvent afficher tous les chiens.
Donc n'obtenez pas trop intimidé par la syntaxe et toutes les différentes pièces seront l'introduction de ce petit peu à la fois.
Mais la première chose que tout commence à partir est cette idée d'un itinéraire et les routes sont juste des morceaux de code qui exécutera un autre code en fonction de la demande qui est reçue sur notre serveur.
Donc, cela m'amène au point suivant qui commence notre serveur.
Nous devons donc exécuter le fichier appelé apt.
Oui noeud apt.
Oui comme ça.
Et puis il doit aller.
Dans ce cas au port 3000 qui sera réellement différent pour nous dans le nuage 9.
Mais si je vais à Port 3000 et je rafraîchir, je reçois la page d'accueil parce que j'ai fait une demande de barre oblique et il ya du code que lorsque je fais une demande de slash m'envoie la page d'accueil.
Même chose si je vais à des chiens slash il ya un autre morceau de code qui est à l'écoute d'une demande comme une demande de slash dugs et il m'envoie tous les chiens en arrière.
Et puis enfin je peux faire un nouveau chien et frappé soumettre et qui envoie une demande post pour slash créer un chien.
Et ce code est faux.
D'accord.
Donc, c'est tout ce que je voulais examiner avant de passer à l'écriture de notre propre code.
L'un grand plats à emporter de tout cela si vous venez totalement dormi à travers il l'un grand plats à emporter est les itinéraires routes sont importantes.
Rasner comment nous écoutons pour les demandes particulières, puis exécuter un autre code en fonction des demandes que nous recevons.
OK maintenant c'est le moment que vous attendiez.
J'espère que vous avez attendu.
Nous allons aller de l'avant et créer notre première application express, donc je vais revenir à cloud neuf et je vais faire un nouveau répertoire.
Je vais juste appeler la première application express et le CD dans cela et puis je vais faire une nouvelle application de fichiers oui et puis nous allons ouvrir cela et nous allons commencer tout simplement la connexion à notre application express.
Nous allons ici et économiser et nous allons juste l'exécuter.
Et tout droit, nous obtenons notre journal de console.
Donc, maintenant, ce que nous devons faire est d'installer Express et si je retourne aux quais Express, vous pouvez voir que nous venons d'exécuter NPM installer express et j'ai mentionné dans la dernière vidéo que nous allions parler de tableau de bord enregistrer dans cette vidéo et Nous allons le garder jusqu'à la fin.
Il ne fait aucune différence du tout dans la fonctionnalité d'Express.
Donc nous allons le laisser jusqu'à plus tard dans la vidéo.
Donc, nous voulons installer Express et si nous tapons LS Bien sûr, il n'y a pas encore de répertoire de modules de noeud, mais si nous faisons l'installation NPM express je vais prendre un moment.
C'est certainement un téléchargement plus grand que les autres choses que nous avons installé jusqu'à présent.
J'ai maintenant un LS sécurisé un répertoire de modules de noeud ou je rafraîchis vraiment mon arbre de fichier.
Vous ne voyez pas de modules que j'ai exprimé et au lieu de modules de noeud il ya beaucoup de répertoires.
Un grand nombre de fichiers et c'est tout de la logique tout le code qui rend le cadre que nous n'avons pas à écrire nous-mêmes.
Nous allons donc terminer.
Et la prochaine chose que nous devons faire, bien sûr, est exigé exprimé dans notre application, donc nous allons faire loin.
Les exprimes expriment expriment exactement comme cela.
Et qui va ensuite importer le module express.
Mais contrairement aux bibliothèques précédentes ou les paquets que nous avons vu comme Cat me où nous avons dit var Cat me égaux requièrent Cat me et puis de l'utiliser tout ce que nous avions à faire était de dire Cat me.
Dans ce cas Cat me a seulement une chose qu'il fait une fonction simple tout comme knock knock blagues ont eu une seule fonction aussi bien.
Well Express a beaucoup et beaucoup de méthodes différentes, donc nous ne pouvons pas exécuter express comme ça.
Pour l'utiliser bien que nous allons l'exécuter et l'enregistrer sur une variable que la plupart des gens appellent app.
Ainsi, var express exprime requiert express qui inclut tout le contenu de ce répertoire express et ensuite nous l'exécutons et l'enregistrons à une variable appelée app que tout ce que nous faisons avec Express sera app dot et ensuite une méthode qui exprès vient avec.
Maintenant que nous avons installé et initialisé express, c'est toujours une bonne idée juste pour s'assurer qu'il fonctionne.
Essayons donc d'exécuter des applications de nœud.
Oui.
Rien ne doit arriver tant que nous n'obtenons pas d'erreur.
Cela signifie que nous sommes prêts à partir.
Maintenant, nous allons définir notre premier itinéraire.
Nous allons en faire une application très simple.
Lorsque vous allez à la barre oblique vous allez recevoir un message qui dit salut.
Et quand vous allez à tondre au revoir ou que nous allons juste acheter vous obtiendrez un message qui dit au revoir.
Et puis aussi faire un autre qui est quand vous allez à chien de chasse vous obtenez un message qui dit meow.
Donc trois itinéraires différents trois endroits différents, nous pouvons faire une demande à et nous pouvons obtenir trois réponses différentes selon l'endroit où nous demandons.
Ainsi, la syntaxe pour définir un itinéraire ressemble à ceci.
Nous allons commencer par ce premier.
Le haut là et nous écrire app app obtient une application pour obtenir prend deux paramètres différents.
Le premier est l'euro ou le chemin qui est slash.
Dans ce cas, parce que nous essayons de faire un itinéraire quand un utilisateur fait une demande d'obtention ce qui est ce qu'ils obtiennent ici signifie que nous allons voir les messages apt up plus tard et même mettre à jour les pistes et le correctif et mettre quelques-uns des autres verbes HTP.
Mais obtenir des postes sont les plus courantes.
Donc apt get quand vous obtenez des requêtes faites à slash qui est également appelé le chemin racine ou juste l'itinéraire.
Ensuite, nous voulons ce code pour exécuter qui est une fonction de rappel et cette fonction de rappel prend deux arguments différents demandes et la réponse.
Encore une fois, ce sont tout ce que nous voulons qu'ils soient appelés totalement à nous.
Mais vous verrez cela le plus souvent et je pense en fait sur les documents officiels express que c'est ce qu'ils utilisent req en rez.
Certaines personnes en fait taper tout demande et la réponse, mais l'augmentation de compte est beaucoup plus commun de voir donc comptez Les rouges sont en fait des objets à l'intérieur de cette requête de fonction est un objet qui contient toutes les informations sur la demande qui a déclenché cette route et la réponse Contiendra toutes les informations sur ce que nous allons y répondre.
Donc je vais vous montrer que dans un peu annulera ce journal, il verra à quoi il ressemble.
Mais pour commencer, nous allons écrire rez dot send.
Salut.
Et ce n'est qu'une façon de répondre avec un peu de texte, mais si nous allons à la page de notre application une fois que nous le servir une fois qu'il a commencé alors nous nous attendons à obtenir le texte.
Salut il imprimé à nous dans le navigateur ce n'est pas va travailler juste pourtant though.
Parce que si je lance cette application de note oui, rien ne se produit car nous manquons une partie vraiment importante du code dans Express.
Nous devons effectivement écrire le code pour lui dire d'écouter pour différentes demandes de le faire.
EXPRESS nous donne une méthode appelée écouter.
Très bien.
Apt écouter et puis nous devons fournir le port pour écouter et je vais vous montrer dans mon exemple ici.
J'écoutais sur le port trois mille, mais parce que nous sommes sur le nuage neuf, nous devons faire les choses un peu différemment.
Nous devons écouter sur le processus que les ports NVI.
Donc, tout ce code sera effectivement juste renvoyer un nombre comme 3000, sauf qu'il renvoie le nombre de serveur nuage neuf que nous avons à utiliser.
Il s'agit donc d'une variable.
Elle est appelée variable d'environnement et la variable d'environnement avec laquelle nous travaillons est appelée port.
Donc, cela va retourner un nombre, mais nous n'avons pas hardcoded le nombre en.
Ça vient du nuage neuf.
Il ya une autre information que nous devrions passer dans lequel est le processus que EMV IP.
Et c'est une ligne que vous pouvez simplement copier et coller d'une application à l'autre.
Nous l'utiliserons au bas de chaque application que nous faisons avec Express.
Donc, c'est une de ces lignes simplement cookie cutter que nous devons utiliser.
Cela indique express pour écouter sur un port particulier que le nuage 9 veut et une IP particulière que le nuage neuf l'attend aussi bien pour résumer que nous avons initialisé la sécurité expresse à la région nous définirons un itinéraire unique quand nous faisons une demande de slash .
Nous devrions voir un ils sont renvoyés dans la réponse dans notre navigateur et juste la définition de l'itinéraire n'est pas suffisant.
Nous devons ensuite dire à l'application d'écouter sur un port particulier une adresse IP.
Et maintenant, nous avons juste besoin de démarrer le serveur avec des applications de noeud qui exécutera le contenu entier du fichier.
Vous verrez nos changements de curseur.
Nous pouvons effectivement taper des commandes plus parce que notre serveur a commencé.
Il y a une petite chose que nous pouvons faire pour améliorer cela.
Donc, quand il Control-C de cela et nous pouvons passer en fonction de rappel à APT écouter ainsi.
Et à l'intérieur d'ici, nous allons juste vous annuler que le serveur de journal a commencé juste comme ça et l'enregistrer maintenant va effacer et démarrer le serveur à nouveau et nous obtenons ce message qui dit serveur a commencé juste pour qu'il soit clair ce qui se passe avec notre consul Maintenant pour visiter ce site contrairement à la version locale que j'ai montré avec sublime et la démo chien où je suis allé à l'hôte local Colan 3000 Clubine effectivement hébergé en ligne à votre propre vous êtes bien et vous pouvez le trouver en cliquant sur aperçu et cliquez sur Prévisualiser en cours d'exécution Et qui ouvrira un nouvel onglet.
Et si nous voulons, nous pouvons simplement utiliser l'onglet ici.
Je préfère copier le rôle et ouvrir un nouvel onglet et coller que dans afin que je puisse effectivement l'utiliser dans le navigateur sans avoir à passer par le nuage 9 est faux navigateur si proche de celui et vous verrez bien que mon rôle Est le nom de mon espace de travail web dev qui camp dash mon nom d'utilisateur point C-9 point.
Donc ce que vous êtes en service dans cet espace de travail qui est en ce moment un fichier apt.
Oui au lieu de la première application express sera à la ligne qui vous est donnée gratuitement automatiquement lorsque vous créez un espace de travail nuage neuf et plus excitant que cela.
Nous pouvons voir que nous obtenons élevé là-bas.
Il fonctionne et faire une demande à la racine du serveur juste barre oblique.
Et je suis haut là.
Et si nous essayons de faire autre chose comme ça, vous obtiendrez un message qui dit ne peut pas obtenir que vous êtes ce chemin que j'ai ajouté.
Alors ajoutons dans un autre maintenant.
Le même modèle.
Faisons l'itinéraire d'achat.
Donc, nous voulons une application ne reçoivent pas de barre oblique.
Et puis notre réponse à la demande de fonction comme ça.
Et nous allons envoyer des points rouges et au revoir juste comme ça et sauver cela.
Maintenant, si nous allons à barre oblique acheter et frapper entrer.
Vous verrez qu'il ne fonctionne toujours pas.
Et c'est parce que nous devons redémarrer le serveur.
Donc, chaque fois que nous faisons quelques changements doivent redémarrer le serveur.
Pour l'instant, je vais vous montrer un outil qui nous aidera afin que nous n'ayez pas à le redémarrer en permanence.
Mais pour l'instant je dois faire nœud Abdulle J.S. Encore économiser ou rafraîchir cette fois si nous allons à barre oblique.
Je reçois maintenant mon message d'adieu et si je vais à la racine, je suis élevé là-bas.
Alors, faisons un plus maintenant.
Retournons.
Si apt get sloshed chien ou appeler de retour avec les demandes et la réponse et puis au lieu de cela, nous allons répondre.
RAZ Et miaou.
À quoi je pensais.
Pourquoi ai-je dit maigre.
Très bien, je vais y aller.
Certainement devrait avoir une femelle, mais si je recommence mon serveur, j'ai relancé Control-C pour quitter et ils ont frappé la flèche vers le haut et je tourne nœud après JSC et je reviens ici je rafraîchir.
Et maintenant je vais au chien slash me sortir et je peux aller à tondre par la porte au revoir et je peux aller à slash rien et obtenir élevé là-bas.
C'est donc tout ce que nous faisons pour cette toute première application express.
Avant de passer à autre chose.
Je vais ouvrir le facteur et tester notre application.
Donc, nous allons faire une demande d'obtenir et nous allons le faire à la route de chien slash juste pour le tester et plutôt que des hôtes locaux 3000 slash chien, nous avons besoin de faire une demande à ce Arel slash chien.
Donc, je vais copier ceci et retourner au facteur et coller juste que vous êtes Ellen.
Et avant que nous fassions autre chose, vous savez redimensionner ceci et redimensionner cette fenêtre ainsi et nous pouvons fermer ou réduire ce vers le bas un peu il va faire une demande à ce Web Bo Bootcamp Dev apprendre avec Colt C9 Daddy-O chien slash bien sûr.
Cela vous permettra également de correspondre à votre propre compte nuage 9.
Et ce que je vais faire est au lieu de mon chien d'application, je vais ajouter un journal Dalt.
Et il va juste dire que quelqu'un a fait une demande de chien de chasse et nous allons enregistrer cela et ce blog console va apparaître ici.
Il ne va pas apparaître dans le navigateur à l'intérieur de la console de débogage JavaScript.
Le devant et con. Il apparaît dans la console de nœud ici que nous avons commencé en exécutant des applications de nœud.
Oui.
Donc, si je redémarre le serveur et je vais commencer par vous montrer si je déplacer ce ici et je rafraîchir la page permettez-moi d'aller à une autre page et actualiser.
Et maintenant, si je vais faire des chiens de chasse ou chien regarder ici, il dit que quelqu'un a fait une demande à Slashdot.
Donc, c'est juste pour vous montrer que ce code est déclenché dès que nous faisons une demande et il n'est pas seulement déclenché par notre navigateur, mais nous pouvons aussi le déclencher en utilisant le facteur que je vais montrer maintenant.
Donc, tout ce que je dois faire est de frapper entrez ici ou envoyer et nous en avons un autre.
Quelqu'un a fait une demande de slash chien, mais aussi un facteur plein écran.
Maintenant, regardons ce qui a été renvoyé.
Donc, le corps est juste meow.
Je ne sais pas ce que je pensais que je le ferais maintenant, mais nous avons obtenu un peu de miau texte et nous pouvons faire la même chose en allant à juste le bon chemin et l'envoi d'une demande et nous obtenons élevé là et nous pouvons aussi faire Slash par
Et nous obtenons également la même chose.
Donc, c'est pour vous montrer que ces demandes il n'a pas d'importance d'où ils proviennent de si c'est à partir d'un navigateur.
Un téléphone avec le navigateur si c'est à partir d'un terminal quelque part ou quelque chose comme Postman il n'a pas d'importance.
Notre serveur est juste à l'écoute pour toute demande qui est une demande d'obtenir à trois routes différentes.
Chien par et l'itinéraire de route et quand il reçoit une de ces demandes, il répondra alors avec un texte simple.
D'accord.
Donc c'est tout ce que je voulais couvrir dans cette première intro pour exprimer l'application.
Je sais que c'est vraiment très simple, il n'a pas encore beaucoup à faire en tant que demande, mais croyez-moi l'ordre dans lequel nous allons est très très délibérée.
Nous commençons petit et nous allons ajouter une pièce à la fois les morceaux suivants que nous ajouterons répondent avec des dossiers de courrier de HQ.
Donc, plutôt que de lire que d'envoyer il ya une autre méthode que nous allons utiliser pour envoyer un dossier entier de H.T. Mail back et nous allons également introduire un concept appelé Raut variables ou chemin variables.