1
00:00:00,150 --> 00:00:07,030
Oke dus nu laten we een duik terug in onze huidige applicatie nu dat we spraken een beetje over hoe de API werkt.

2
00:00:07,350 --> 00:00:09,020
Ga hier terug.

3
00:00:09,360 --> 00:00:11,890
We installeerden al diegenen die drie pakketten.

4
00:00:12,030 --> 00:00:13,790
Laten we het opzetten van onze fundamentele app.

5
00:00:13,920 --> 00:00:17,240
Dus er recensie, maar aanraking zou moeten zijn.

6
00:00:17,420 --> 00:00:21,730
Ja, laten we het open te stellen.

7
00:00:21,810 --> 00:00:23,910
Wat doet het C9.

8
00:00:25,080 --> 00:00:25,850
OK.

9
00:00:26,270 --> 00:00:31,100
Doe onze fundamentele Dus moeten we var express gelijk.

10
00:00:31,320 --> 00:00:37,170
En zoals ik al zei dit gaat barebones we gaan niet om het te stylen en maken het mooi om in een echt leuke functionaliteit te zijn.

11
00:00:37,170 --> 00:00:48,590
Maar het zal iets wat je kunt een soort van gebruiken als een sjabloon voor andere apps die API gebruiken en zal doen app gelijk Express zijn.

12
00:00:49,560 --> 00:00:52,720
Terwijl we hier dus het gaat om het openen van een eerdere app.

13
00:00:52,800 --> 00:00:55,240
Laten we deze.

14
00:00:55,560 --> 00:00:58,080
Kopieer deze lijn.

15
00:00:58,080 --> 00:01:00,150
Ik vergeet altijd deze.

16
00:01:00,150 --> 00:01:10,550
Het proces dat de infield up poort, maar ik zal gewoon zet dit hier en ik zal veranderen om te zeggen film app is OK begonnen.

17
00:01:10,560 --> 00:01:18,510
En dan zal ook verzoek net zoals ik het zou opslaan in een variabele nodig.

18
00:01:19,260 --> 00:01:29,610
Ok dus deze uitdrukkelijke app zoals ik al zei zal twee routes hebben één slash zoeken en een ander slash resultaten.

19
00:01:29,910 --> 00:01:32,440
Dus je zult een formulier te zien op één pagina.

20
00:01:32,520 --> 00:01:46,580
Vul het in en vervolgens dat het indienen van dat formulier wordt dan pas de trekker of stuur een verzoek aan onze resultaten route die vervolgens daadwerkelijk zullen werken met de API een verzoek van de API die terug zal komen en dan zal de resultaten worden weergegeven.

21
00:01:46,980 --> 00:02:05,550
Laten we beginnen eenvoudig door het nemen van apt get zal gewoon slash resultaten verzoek reactie of standaard route dan hier is wanneer we eigenlijk een API oproep zal doen.

22
00:02:05,790 --> 00:02:10,540
Dus wanneer een gebruiker triggers slash resultaten zullen we eigenlijk doen een onderzoek van de API.

23
00:02:10,710 --> 00:02:12,930
En we gaan beginnen met harde codering in.

24
00:02:12,960 --> 00:02:17,810
Dus LED's harde code in een zoekmachine zoals wij hier hebben.

25
00:02:18,100 --> 00:02:20,580
Ik weet zeker dat het zal het voor Californië doen.

26
00:02:20,580 --> 00:02:25,160
Dus dit is de API oproep we gaan gewoon om te beginnen door het maken van elke keer.

27
00:02:25,260 --> 00:02:30,320
Dus gewoon om je geheugen hier joggen dit is wat we zoeken.

28
00:02:30,480 --> 00:02:38,970
Vraag deze gigantische u R-AL en dan terug te bellen met error respons en lichaam wups.

29
00:02:38,970 --> 00:02:43,080
Dus laten we proberen dat laten we nu gewoon beginnen door gewoon ervoor te zorgen dat onze route werkt.

30
00:02:43,110 --> 00:02:48,500
Dus we doen laten we dat doen stuur het lage.

31
00:02:48,540 --> 00:02:54,460
Het werkt net als dat bij het opstarten per server.

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

33
00:02:58,170 --> 00:03:02,210
Laten we nu gaan bezoeken preview.

34
00:03:03,210 --> 00:03:11,750
Dus we hebben niet onze route opgezet, maar we Slash resultaten moeten en we krijgen hallo.

35
00:03:11,880 --> 00:03:12,930
Het werkt.

36
00:03:13,350 --> 00:03:18,160
En ik zal gewoon open die in een nieuw tabblad en zich te ontdoen van deze hier.

37
00:03:18,540 --> 00:03:18,780
OK.

38
00:03:18,780 --> 00:03:24,870
Dus in plaats van te zien dat we willen onze film gegevens zien en we zullen beginnen met alleen het zien van alles.

39
00:03:24,870 --> 00:03:31,310
Dus ik wil om dit te zien, maar als ik naar de resultaten, zodat we niet te maken met HDMI-slash maar dat zal de volgende zijn.

40
00:03:31,410 --> 00:03:38,550
Maar we willen gewoon om ervoor te zorgen dat onze API is het aansluiten en dat is wat ik meestal doe is beginnen met de API en dan zorgen te maken over de presentatie.

41
00:03:38,700 --> 00:03:44,050
Dus vragen dat u goed dat we nodig hebben.

42
00:03:44,640 --> 00:03:46,210
Natuurlijk gekopieerd ik iets anders.

43
00:03:46,350 --> 00:03:47,770
Dus laten we teruggaan.

44
00:03:47,790 --> 00:03:49,310
Kopieer die je bent.

45
00:03:49,410 --> 00:03:55,850
Dit is waar we verzoeken voel je vrij om dit wat zoekterm die u wilt wat staat je woont in te maken.

46
00:03:56,100 --> 00:03:58,430
En dan moeten we een callback.

47
00:03:58,440 --> 00:04:07,650
Dus het is fout antwoord en vervolgens lichaam en dan voegen we in dat als verklaring.

48
00:04:08,040 --> 00:04:09,650
Technisch gezien hebben we dat niet te hebben.

49
00:04:09,660 --> 00:04:11,250
Het is gewoon goed om te hebben.

50
00:04:11,250 --> 00:04:16,060
Gewoon zo dat we niet weten dat je werkt met gebroken gegevens en we kunnen de fout af te handelen als we moeten.

51
00:04:16,350 --> 00:04:31,930
Dus als er geen fout en de respons die status code is gelijk aan 200 als dat het geval is, dan gaan we aan de slag met het lichaam.

52
00:04:31,950 --> 00:04:39,870
Dus voordat we zelfs ontleden laten we gewoon verzenden van de PADI, zodat doet stuur een orgaan dat een string op dat punt zal zijn.

53
00:04:39,870 --> 00:04:44,060
En laten we eens kijken wat we krijgen.

54
00:04:44,130 --> 00:04:47,790
Verfrissen en daar gaan we.

55
00:04:47,790 --> 00:04:51,820
Nu als ik refresh je kunt zien het begint.

56
00:04:51,990 --> 00:04:54,750
Het is echt moeilijk om te zien, want dit Chrome-extensie schopt in.

57
00:04:54,750 --> 00:04:58,720
Maar je kunt zien dat het dit achtervolging op hier.

58
00:04:58,740 --> 00:05:00,940
Het is eigenlijk een reeks van Jaison.

59
00:05:01,110 --> 00:05:04,590
Wat we nu moeten doen is om te zetten in een object.

60
00:05:04,620 --> 00:05:08,140
Dus als ik wilde alleen maar naar de eerste titel te krijgen.

61
00:05:08,540 --> 00:05:11,330
Laten we terug gaan hier.

62
00:05:11,330 --> 00:05:14,750
Ik wil gewoon King of California of wat dan ook de eerste titel is.

63
00:05:14,750 --> 00:05:19,290
Ik moet toegang zoeken en dan is het een array.

64
00:05:19,290 --> 00:05:41,540
Dus ik wil de nul met element, maar als ik dat hier te doen en op te slaan krijgen we een fout die niet goed kan nul van undefined lezen.

65
00:05:41,670 --> 00:05:49,160
Dus dit is hier ongedefinieerd omdat het lichaam is nog steeds een string net zoals we zagen op de laatste video of twee video's geleden.

66
00:05:49,320 --> 00:05:51,210
We moeten om het te converteren naar een object.

67
00:05:51,510 --> 00:05:59,350
Dus dat is waar we ons Jason parce lichaam Ik zal het op te slaan in laten we gewoon noemen het resultaat of.

68
00:05:59,550 --> 00:06:00,770
Uitslagen is prima.

69
00:06:00,780 --> 00:06:02,120
Jaisalmer up parch lichaam.

70
00:06:02,160 --> 00:06:08,060
En dan hebben we vervangen enkel lichaam hier met de resultaten.

71
00:06:08,370 --> 00:06:17,890
Dus dat geeft ons het object vorm van die string die is ontleed en omgezet dan kunnen we toegang krijgen net als elk ander object.

72
00:06:18,330 --> 00:06:31,400
En nu krijgen we dit enkel element en dan als we willen gewoon de titel herstart op nog een keer en we krijgen King of California.

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

74
00:06:32,640 --> 00:06:36,060
Zo zo vrij eenvoudig echt.

75
00:06:36,060 --> 00:06:43,360
We zijn nog niet klaar natuurlijk, maar alles wat we deden was eigenlijk nemen ons verzoek code die we eerder hadden en zet ze gewoon binnenkant van een wrap.

76
00:06:43,380 --> 00:06:53,250
Dus de volgende up zullen we het nemen van de respons en eigenlijk het creëren van een template die het gebruikt en toont alle van de filmtitels in slechts een eenvoudige lijst.

77
00:06:53,580 --> 00:06:58,040
En het is een toespraak voor een muis in plaats van alleen platte tekst die we nu zien.