1
00:00:00,150 --> 00:00:07,030
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.

2
00:00:07,350 --> 00:00:09,020
Revenez ici.

3
00:00:09,360 --> 00:00:11,890
Nous avons installé tous ces trois paquets.

4
00:00:12,030 --> 00:00:13,790
Mettons en place notre application de base.

5
00:00:13,920 --> 00:00:17,240
Donc, il devrait y avoir un examen, mais toucher.

6
00:00:17,420 --> 00:00:21,730
Oui, ouvrons-le.

7
00:00:21,810 --> 00:00:23,910
Qu'est-ce que C9.

8
00:00:25,080 --> 00:00:25,850
D'ACCORD.

9
00:00:26,270 --> 00:00:31,100
Faire notre base Alors nous avons besoin de var express égaux.

10
00:00:31,320 --> 00:00:37,170
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é.

11
00:00:37,170 --> 00:00:48,590
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.

12
00:00:49,560 --> 00:00:52,720
Alors que nous sommes ici, il va ouvrir une application précédente.

13
00:00:52,800 --> 00:00:55,240
Faisons ceci.

14
00:00:55,560 --> 00:00:58,080
Copiez cette ligne.

15
00:00:58,080 --> 00:01:00,150
J'oublie toujours celui-là.

16
00:01:00,150 --> 00:01:10,550
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.

17
00:01:10,560 --> 00:01:18,510
Ensuite, il faudra également demander la même chose que si je l'avais enregistré dans une variable.

18
00:01:19,260 --> 00:01:29,610
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.

19
00:01:29,910 --> 00:01:32,440
Vous verrez donc un formulaire sur une page.

20
00:01:32,520 --> 00:01:46,580
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.

21
00:01:46,980 --> 00:02:05,550
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.

22
00:02:05,790 --> 00:02:10,540
Ainsi, lorsqu'un utilisateur déclenche des résultats de slash, nous ferons une recherche sur l'API.

23
00:02:10,710 --> 00:02:12,930
Et nous allons commencer par le codage dur.

24
00:02:12,960 --> 00:02:17,810
Ainsi LED code dur dans une recherche comme nous l'avons ici.

25
00:02:18,100 --> 00:02:20,580
Je suis sûr qu'il le fera pour la Californie.

26
00:02:20,580 --> 00:02:25,160
Donc, c'est l'appel API que nous allons commencer par faire à chaque fois.

27
00:02:25,260 --> 00:02:30,320
Donc, juste pour bricoler votre mémoire ici c'est ce que nous recherchons.

28
00:02:30,480 --> 00:02:38,970
Demandez à ce géant que vous R-AL et puis rappeler avec erreur wups réponse d'erreur et le corps.

29
00:02:38,970 --> 00:02:43,080
Alors, essayons maintenant de commencer par nous assurer que notre route fonctionne.

30
00:02:43,110 --> 00:02:48,500
Donc, nous allons faire allons faire que l'envoyer faible.

31
00:02:48,540 --> 00:02:54,460
Il fonctionne exactement comme ça au démarrage par serveur.

32
00:02:56,140 --> 00:02:57,840
Ok epos film commencé.

33
00:02:58,170 --> 00:03:02,210
Nous allons maintenant visiter la prévisualisation.

34
00:03:03,210 --> 00:03:11,750
Donc, nous n'avons pas notre itinéraire mis en place, mais nous devrions avoir des résultats Slash et nous avons bonjour.

35
00:03:11,880 --> 00:03:12,930
Ça marche.

36
00:03:13,350 --> 00:03:18,160
Et je vais ouvrir ça dans un nouvel onglet et me débarrasser de ça ici.

37
00:03:18,540 --> 00:03:18,780
D'ACCORD.

38
00:03:18,780 --> 00:03:24,870
Donc, plutôt que de voir que nous voulons voir nos données de film et nous allons commencer par tout voir tout cela.

39
00:03:24,870 --> 00:03:31,310
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.

40
00:03:31,410 --> 00:03:38,550
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.

41
00:03:38,700 --> 00:03:44,050
Demandez donc que vous soyez bien que nous avons besoin.

42
00:03:44,640 --> 00:03:46,210
Bien sûr, j'ai copié autre chose.

43
00:03:46,350 --> 00:03:47,770
Revenons donc.

44
00:03:47,790 --> 00:03:49,310
Copie que vous êtes.

45
00:03:49,410 --> 00:03:55,850
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.

46
00:03:56,100 --> 00:03:58,430
Et puis nous avons besoin d'un rappel.

47
00:03:58,440 --> 00:04:07,650
Donc, c'est la réponse à l'erreur, puis le corps et puis nous ajoutons dans cette instruction if.

48
00:04:08,040 --> 00:04:09,650
Techniquement, nous n'avons pas besoin d'avoir cela.

49
00:04:09,660 --> 00:04:11,250
C'est juste bon d'avoir.

50
00:04:11,250 --> 00:04:16,060
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.

51
00:04:16,350 --> 00:04:31,930
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.

52
00:04:31,950 --> 00:04:39,870
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à.

53
00:04:39,870 --> 00:04:44,060
Et voyons ce que nous obtenons.

54
00:04:44,130 --> 00:04:47,790
Rafraîchir et là nous allons.

55
00:04:47,790 --> 00:04:51,820
Maintenant, quand je rafraîchir, vous pouvez voir qu'il commence.

56
00:04:51,990 --> 00:04:54,750
C'est vraiment difficile à voir car cette extension de Chrome est en train de démarrer.

57
00:04:54,750 --> 00:04:58,720
Mais vous pouvez voir que c'est cette poursuite ici.

58
00:04:58,740 --> 00:05:00,940
C'est en fait une chaîne de Jaison.

59
00:05:01,110 --> 00:05:04,590
Ce que nous devons faire maintenant est de le transformer en un objet.

60
00:05:04,620 --> 00:05:08,140
Donc, si je voulais juste obtenir le premier titre.

61
00:05:08,540 --> 00:05:11,330
Revenons ici.

62
00:05:11,330 --> 00:05:14,750
Je veux juste le roi de Californie ou quel que soit le premier titre est.

63
00:05:14,750 --> 00:05:19,290
J'ai besoin d'accéder à la recherche et puis c'est un tableau.

64
00:05:19,290 --> 00:05:41,540
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.

65
00:05:41,670 --> 00:05:49,160
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.

66
00:05:49,320 --> 00:05:51,210
Nous devons le convertir en un objet.

67
00:05:51,510 --> 00:05:59,350
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.

68
00:05:59,550 --> 00:06:00,770
Résultats est très bien.

69
00:06:00,780 --> 00:06:02,120
Jaisalmer jusqu'à corps de parche.

70
00:06:02,160 --> 00:06:08,060
Et puis nous remplaçons ici le corps par des résultats.

71
00:06:08,370 --> 00:06:17,890
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.

72
00:06:18,330 --> 00:06:31,400
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.

73
00:06:31,800 --> 00:06:32,580
Excellent.

74
00:06:32,640 --> 00:06:36,060
Donc, vraiment assez simple.

75
00:06:36,060 --> 00:06:43,360
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.

76
00:06:43,380 --> 00:06:53,250
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.

77
00:06:53,580 --> 00:06:58,040
Et c'est un discours à une souris plutôt que simplement du texte que nous voyons maintenant.