Très bien maintenant, nous allons plonger dans notre application réelle maintenant que nous avons parlé un peu de la façon dont fonctionne l'API.
Revenez ici.
Nous avons installé tous ces trois paquets.
Mettons en place notre application de base.
Donc, il devrait y avoir un examen, mais toucher.
Oui, ouvrons-le.
Qu'est-ce que C9.
D'ACCORD.
Faire notre base Alors nous avons besoin de var express égaux.
Et comme je l'ai dit, ça va être barebones, nous n'allons pas le style et le rendre joli à un réel fun fonctionnalité.
Mais ce sera quelque chose que vous pouvez utiliser en quelque sorte comme un modèle pour les autres applications qui utilisent l'API et fera l'app équivaut à Express.
Alors que nous sommes ici, il va ouvrir une application précédente.
Faisons ceci.
Copiez cette ligne.
J'oublie toujours celui-là.
Le processus que l'infield port vers le haut, mais je vais juste mettre cela ici et je vais le changer pour dire application film a commencé OK.
Ensuite, il faudra également demander la même chose que si je l'avais enregistré dans une variable.
Ok, donc cette application express comme je l'ai dit aura deux itinéraires une barre oblique de recherche et un autre slash résultats.
Vous verrez donc un formulaire sur une page.
Remplissez-le et puis que la soumission de ce formulaire sera alors déclencher ou envoyer une demande à notre route de résultats qui sera alors effectivement travailler avec l'API envoyer une demande de l'API qui va revenir et affichera ensuite les résultats.
Commençons simple en prenant apt get ne fera que slash résultats demande réponse ou route standard dans puis dans ici est quand nous allons réellement faire un appel API.
Ainsi, lorsqu'un utilisateur déclenche des résultats de slash, nous ferons une recherche sur l'API.
Et nous allons commencer par le codage dur.
Ainsi LED code dur dans une recherche comme nous l'avons ici.
Je suis sûr qu'il le fera pour la Californie.
Donc, c'est l'appel API que nous allons commencer par faire à chaque fois.
Donc, juste pour bricoler votre mémoire ici c'est ce que nous recherchons.
Demandez à ce géant que vous R-AL et puis rappeler avec erreur wups réponse d'erreur et le corps.
Alors, essayons maintenant de commencer par nous assurer que notre route fonctionne.
Donc, nous allons faire allons faire que l'envoyer faible.
Il fonctionne exactement comme ça au démarrage par serveur.
Ok epos film commencé.
Nous allons maintenant visiter la prévisualisation.
Donc, nous n'avons pas notre itinéraire mis en place, mais nous devrions avoir des résultats Slash et nous avons bonjour.
Ça marche.
Et je vais ouvrir ça dans un nouvel onglet et me débarrasser de ça ici.
D'ACCORD.
Donc, plutôt que de voir que nous voulons voir nos données de film et nous allons commencer par tout voir tout cela.
Donc, je veux voir cela, mais quand je vais à la barre oblique des résultats afin que nous ne traitons pas HDMI, mais ce sera le prochain.
Mais nous voulons simplement nous assurer que notre API se connecte et que c'est ce que je fais habituellement est de commencer avec l'API et puis s'inquiéter de la présentation.
Demandez donc que vous soyez bien que nous avons besoin.
Bien sûr, j'ai copié autre chose.
Revenons donc.
Copie que vous êtes.
C'est là que nous demandons n'hésitez pas à le faire quel que soit le terme de recherche que vous voulez, quel que soit l'état dans lequel vous vivez.
Et puis nous avons besoin d'un rappel.
Donc, c'est la réponse à l'erreur, puis le corps et puis nous ajoutons dans cette instruction if.
Techniquement, nous n'avons pas besoin d'avoir cela.
C'est juste bon d'avoir.
Juste pour que nous ne sommes pas vous savez travailler avec des données brisées et nous pouvons gérer l'erreur si nous avons besoin.
Donc, s'il n'y a pas une erreur et une réponse que le code de statut est égal à 200 si c'est le cas, alors nous allons travailler avec le corps.
Donc, avant même que nous l'analysons, nous allons simplement envoyer le PADI ainsi envoyer un corps qui sera une chaîne à ce moment-là.
Et voyons ce que nous obtenons.
Rafraîchir et là nous allons.
Maintenant, quand je rafraîchir, vous pouvez voir qu'il commence.
C'est vraiment difficile à voir car cette extension de Chrome est en train de démarrer.
Mais vous pouvez voir que c'est cette poursuite ici.
C'est en fait une chaîne de Jaison.
Ce que nous devons faire maintenant est de le transformer en un objet.
Donc, si je voulais juste obtenir le premier titre.
Revenons ici.
Je veux juste le roi de Californie ou quel que soit le premier titre est.
J'ai besoin d'accéder à la recherche et puis c'est un tableau.
Donc, je veux le zéro avec l'élément, mais si je le fais ici et sauver, nous obtenons une erreur qui est ne peut pas lire correctement zéro de non défini.
Donc ceci n'est pas défini ici parce que le corps est toujours une chaîne juste comme nous l'avons vu sur la dernière vidéo ou deux vidéos il ya.
Nous devons le convertir en un objet.
Alors c'est là que nous obtenons notre corps de Jason parce que je vais l'enregistrer pour laisser simplement appeler les résultats ou.
Résultats est très bien.
Jaisalmer jusqu'à corps de parche.
Et puis nous remplaçons ici le corps par des résultats.
Donc, cela nous donne la forme d'objet de cette chaîne qui a été analysée et convertie, nous pouvons y accéder comme n'importe quel autre objet.
Et maintenant nous obtenons ce seul élément et puis si nous voulons juste le titre redémarrer à une fois de plus et nous obtenons roi de Californie.
Excellent.
Donc, vraiment assez simple.
Nous ne sommes pas fait bien sûr, mais tout ce que nous avons fait était essentiellement prendre notre code de demande que nous avions auparavant et il suffit de le mettre à l'intérieur d'une enveloppe.
Donc next up, nous allons prendre la réponse et en fait la création d'un modèle qui l'utilise et affiche tous les titres de films dans une simple liste.
Et c'est un discours à une souris plutôt que simplement du texte que nous voyons maintenant.