1
00:00:00,330 --> 00:00:00,720
Okee.

2
00:00:00,720 --> 00:00:01,890
Welkom terug.

3
00:00:01,890 --> 00:00:10,470
Dus we gaan om over te gaan van hoog niveau praten over wat AP jongens zijn hoe ze werken en hoe ze gestructureerd zijn en wat ze reageren met.

4
00:00:10,470 --> 00:00:20,010
Jay Sonic's M-L we gaan om verder te gaan dan die daadwerkelijk vuil met AAPI is eigenlijk samen met hen ze op te nemen in een applicatie.

5
00:00:20,010 --> 00:00:20,800
Voordat we dat doen.

6
00:00:20,820 --> 00:00:26,040
Het gaan naar een snelle opfriscursus over hoe je h t t p verzoeken kunnen behelpen.

7
00:00:26,040 --> 00:00:32,320
Dus de meest voorkomende manier waarop je waarschijnlijk je hele leven hebt gezien op het web is gewoon via de browser.

8
00:00:32,640 --> 00:00:36,380
Dus ik kan het openen van een raam en ga naar Google dot com.

9
00:00:36,720 --> 00:00:38,240
Ik heb een verzoek.

10
00:00:38,580 --> 00:00:42,280
Ik raakte voer ik op deze knop klikt, dat maakt me een verzoek.

11
00:00:42,390 --> 00:00:44,510
Ik doe een zoektocht naar de hond.

12
00:00:45,390 --> 00:00:50,700
Dat is een verzoek dat ik op die hond link naar wikipedia en dat is een verzoek.

13
00:00:50,700 --> 00:00:50,960
OK.

14
00:00:50,970 --> 00:00:52,190
Dus dat is een manier.

15
00:00:52,530 --> 00:01:00,630
Maar ik kan ook verzoeken door middel van code en dat is wat we gaan hier over te leren is hoe schrijf ik javascript dat een verzoek zal voor mij te maken.

16
00:01:00,630 --> 00:01:08,800
Hoe schrijf ik javascript dat Jaison zal halen uit de Yahoo weer API of uit de Reddit API.

17
00:01:09,030 --> 00:01:20,470
Dat is onze hele doel hier is om een ​​stukje code dat zal gaan en informatie krijgen van een API via een verzoek en vervolgens iets mee willen opslaan in een database of laten zien aan een gebruiker te doen schrijven.

18
00:01:20,790 --> 00:01:25,500
En het geheim van dat is dat je niet hoeft op een verzoek via de browser te maken.

19
00:01:25,560 --> 00:01:27,840
U kunt een aanvraag via code te maken.

20
00:01:27,840 --> 00:01:34,940
We gaan om te zien hoe het te doen met behulp van een pakket met de naam verzoek vreemd genoeg, maar er zijn ook andere manieren om het te doen.

21
00:01:35,070 --> 00:01:40,130
Een tool genaamd Currall zie je Arel is een manier om de verzoeken van de command line te maken.

22
00:01:40,380 --> 00:02:03,000
Dus niet per se voor een toepassing, maar alleen maar om te laten zien dat verzoeken u weet onafhankelijk browsers ik kan vragen HGP colon slash slash www.youtube.com uit mijn terminal en ik krijg deze inhoud precies hetzelfde antwoord dat ik doe als ik naar Google puntcom.

23
00:02:03,030 --> 00:02:09,330
Het belangrijkste verschil is natuurlijk dat in een browser die informatie wordt dan weer bewezen aan me.

24
00:02:09,420 --> 00:02:18,120
Zo zie ik dit maar de onderliggende tekst hem dat teruggestuurd is wat ik hier te zien.

25
00:02:18,480 --> 00:02:23,520
Dus de meeste van de tijd in onze code we gaan niet te vragen voor hem uit een webpagina.

26
00:02:23,520 --> 00:02:26,120
Ik bedoel, dit is zo'n puinhoop om mee te werken.

27
00:02:26,880 --> 00:02:33,020
In plaats daarvan zijn we meestal vragen voor Jaison of X-bedrag van een API, maar hetzelfde idee geldt.

28
00:02:33,020 --> 00:02:35,580
Ik kan een API aanvragen via Currall.

29
00:02:35,760 --> 00:02:43,220
Dus ik doe gewoon Kerl op een API je IRL, maar dat is niet wat we gaan echt voor de meeste toepassingen.

30
00:02:43,230 --> 00:02:47,930
Dat is gewoon een soort van een educatieve demonstratie dat je het kunt doen vanaf de command line.

31
00:02:48,060 --> 00:02:53,480
We gaan om het te doen binnenkant van een aanvraag en we gaan om te beginnen met echt heel simpel.

32
00:02:53,530 --> 00:02:56,340
We gaan om te laten zien hoe u een verzoek in knooppunt te maken.

33
00:02:56,760 --> 00:03:05,210
Dus ik ga een nieuwe map hier te maken API ogen en dan ga ik naar een nieuw bestand te maken.

34
00:03:05,430 --> 00:03:09,210
Ik ben gewoon gaan om het te noemen eerste verzoek.

35
00:03:09,240 --> 00:03:10,730
Jay Ja.

36
00:03:10,890 --> 00:03:15,420
Dus alles wat we gaan doen is een verzoek van een JavaScript-bestand.

37
00:03:15,480 --> 00:03:18,150
Dus we gewoon vragen Googlebot column weer en dat is wat we doen.

38
00:03:18,270 --> 00:03:20,360
Dat is wat we deden gewoon met behulp van cURL.

39
00:03:20,940 --> 00:03:23,450
En ik weet dat het soort van dit alles kan een hoop te nemen zijn.

40
00:03:23,580 --> 00:03:27,430
Het hele punt is dat we een verzoek in de browser door de pagina te vernieuwen.

41
00:03:27,540 --> 00:03:29,340
We hebben een verzoek en de opdrachtregel.

42
00:03:29,340 --> 00:03:32,470
Het werkt net zo ver het gehalte we terug.

43
00:03:32,550 --> 00:03:33,830
Laten we nu hetzelfde doen.

44
00:03:33,840 --> 00:03:36,520
Maar van een JavaScript-bestand.

45
00:03:37,060 --> 00:03:39,170
Dus ik ga om dat bestand te openen.

46
00:03:40,950 --> 00:03:44,200
En we willen onze code in te zetten dat het verzoek zal maken.

47
00:03:44,220 --> 00:03:45,210
Dus hoe kunnen we dat doen.

48
00:03:45,210 --> 00:03:47,130
Hoe maken we een verzoek van node.

49
00:03:47,430 --> 00:03:50,220
Er is een heleboel verschillende bibliotheken pakketten die u kunt gebruiken.

50
00:03:50,370 --> 00:03:59,380
De ene we gaan gebruiken wordt aanvraag genoemd en dit is waarschijnlijk de meest voorkomende zo te krijgen dat com slash verzoek om daar te komen.

51
00:03:59,400 --> 00:04:05,540
Gewoon google knooppunt verzoek vereenvoudigd leeftijd UDP verzoek van de klant.

52
00:04:05,760 --> 00:04:08,690
Dus dit is hoe we een eenvoudig verzoek kan maken.

53
00:04:08,700 --> 00:04:10,800
Dit is een soort van de basis syntax.

54
00:04:10,920 --> 00:04:34,070
Als u een kijkje nemen we voor het eerst opgenomen door te eisen dat verzoek instelling in een variabele net als elk ander pakket dan wat wij doen is een verzoek aan AURL en dan hebben we een functie die we doorgeven en er zijn meerdere delen van deze functie of meerdere argumenten and error respons en lichaam.

55
00:04:34,450 --> 00:04:42,030
Dus maken we gebruik van een callback hier omdat het maken van een verzoek neemt de tijd soms zal zeer snel een paar milliseconden.

56
00:04:42,030 --> 00:04:48,840
Soms is het verzoek als je het aanvragen van een webpagina die niet bestaat of een server die is naar beneden zal blijven steken.

57
00:04:48,900 --> 00:04:55,630
En dus moet je vaak wachten keer om iets te doen totdat u een reactie of het nu goed of slecht zijn.

58
00:04:55,950 --> 00:04:59,380
Dus we zullen zien en we praten over wat deze zijn en hoe je ze gebruikt.

59
00:04:59,490 --> 00:05:08,540
Voor nu laten we gewoon dit over te kopiëren en ik ben eigenlijk van plan om het opnieuw te typen lijn per lijn, maar ik ben gewoon gaan om het hier te houden, zodat u het kunt zien.

60
00:05:08,820 --> 00:05:23,600
En het eerste wat we moeten doen is natuurlijk het pakket verzoek te installeren, zodat NPM installeren verzoeken u gaan halen een verzoek en we zullen in staat zijn om het nodig hebben juist weergegeven.

61
00:05:23,890 --> 00:05:24,340
OK.

62
00:05:24,370 --> 00:05:25,240
Dus we hebben dat gedaan.

63
00:05:25,240 --> 00:05:30,020
Ik ga gewoon formaat een beetje hier en daar gaat deze te herschrijven.

64
00:05:30,040 --> 00:05:31,920
Herschrijf dit of we kunnen gaan over het.

65
00:05:32,170 --> 00:05:35,130
Vereisen verzoeken.

66
00:05:35,290 --> 00:05:36,880
Leuk en eenvoudig om te beginnen.

67
00:05:37,450 --> 00:05:41,320
Dus de volgende regel is eigenlijk het maken van die aanvraag.

68
00:05:41,710 --> 00:05:49,110
Dus deze app als je wilt de dutje te bellen wanneer we draaien we gewoon lopen knooppunt eerste verzoek.

69
00:05:49,320 --> 00:05:49,790
Ja.

70
00:05:49,840 --> 00:05:53,410
Alles wat het zal doen is uit te printen de iChat hem uit Google.

71
00:05:53,420 --> 00:05:54,840
Ze zullen het eerste wat we doen.

72
00:05:55,140 --> 00:05:57,690
Dus hebben ons verzoek gelijk vereisen aanvraag.

73
00:05:57,700 --> 00:06:02,510
Vervolgens maken we ons verzoek dus we zullen doen HTP colon slash slash W.W ..

74
00:06:02,600 --> 00:06:03,740
Google.com.

75
00:06:04,030 --> 00:06:10,980
Precies wat we hebben gedaan met Currall hetzelfde u ziek bent en we verwachten dat het dezelfde leeftijd Timeo.

76
00:06:12,010 --> 00:06:14,390
Dus dat is het eerste deel dat het verzoek zal maken.

77
00:06:14,420 --> 00:06:18,940
Maar om het even wat met de informatie die we weer een callback nodig komt doen.

78
00:06:19,030 --> 00:06:22,510
En als zij verklaarde dat komt omdat het niet onmiddellijk.

79
00:06:22,510 --> 00:06:24,200
Het kost tijd.

80
00:06:24,220 --> 00:06:28,690
Dit verzoek moet de hele weg ergens weg te gaan naar een server potentieel duizenden mijlen.

81
00:06:28,780 --> 00:06:34,110
Dan komen al de weg terug naar ons en dan heeft onze computer om het te begrijpen en zin ervan.

82
00:06:34,570 --> 00:06:41,770
Dus er zijn drie dingen die we passeren in foutreactie en lichaam.

83
00:06:41,770 --> 00:06:47,890
De eerste die fout zal eventuele fout die we krijgen te houden.

84
00:06:47,890 --> 00:06:59,150
Dus als er een probleem is de server doet is vastgelegd of het verzoek een time-out of we niet een internetverbinding hebben bijvoorbeeld als ik mijn vrouw uit te schakelen en probeer dat we een fout terug krijgt.

85
00:06:59,170 --> 00:07:01,010
Dus we zullen zien hoe om te spelen met die in een klein beetje.

86
00:07:01,090 --> 00:07:03,800
Maar het is belangrijk dat u controleren of er een fout.

87
00:07:04,000 --> 00:07:13,850
Dus we zoiets als dit te doen als er een fout en dan zullen we een anders.

88
00:07:13,900 --> 00:07:18,800
Dus als er een fout laten we gewoon annuleren niet inloggen.

89
00:07:20,620 --> 00:07:27,790
Er ging iets mis en dan annuleert ook dat de fout zelf te loggen.

90
00:07:27,910 --> 00:07:31,460
Anders, dat betekent dat we iets terug.

91
00:07:31,930 --> 00:07:39,430
Je kunt zien dat er een tweede ding dat ze controleren hier in dit voorbeeld als reactie doet statuscode is 200.

92
00:07:39,610 --> 00:07:50,030
Dus we gaan niet naar de status van codes te gaan al dat veel, maar je waarschijnlijk bekend bent met de 404 statuscode wanneer u proberen en vragen om een ​​pagina die niet meer bestaat.

93
00:07:50,410 --> 00:08:01,020
Als we kijken voor een status code die niet gevonden fout bericht dat u ziet weet je als je probeert om iets dat niet kan worden gevonden te vragen.

94
00:08:01,030 --> 00:08:03,550
Er zijn een heleboel andere statuscodes wel.

95
00:08:04,240 --> 00:08:07,490
Zo kunt u hier het belangrijkste is echter 200.

96
00:08:07,510 --> 00:08:08,160
Betekent.

97
00:08:08,170 --> 00:08:12,280
OK het is een standaard antwoord voor een succesvolle aanvragen.

98
00:08:12,280 --> 00:08:26,400
Dus als de zaken gingen goed en we kregen een respons die we willen controleren of het de status-code is 200, omdat we mogelijk een antwoord dat de status code van iets anders dan 200 heeft net als de pagina is verplaatst kon krijgen.

99
00:08:26,530 --> 00:08:29,490
En dat is niet van plan om tweehonderd en we willen een andere manier te behandelen dat.

100
00:08:29,500 --> 00:08:37,960
Dus dit is iets wat je kunt soort gewoon moeilijk niet moeilijk code, maar je kunt altijd van uitgaan dat u wilt controleren of de status quo is 200.

101
00:08:38,590 --> 00:08:48,650
Dus we doen hier voor nu is een geneste IF statement dus als antwoord dat statuscode gelijk is gelijk aan 200.

102
00:08:48,940 --> 00:08:56,420
Dus als we hier dingen werkte OK.

103
00:08:56,500 --> 00:09:01,300
Dus als dat gebeurde laten we gewoon een van die log.

104
00:09:01,990 --> 00:09:03,750
En we gaan het lichaam afdruk.

105
00:09:03,880 --> 00:09:13,940
Dus dat is het laatste stukje van de informatie die de eigenlijke reactie lichaam van de dingen die terug kwam dat zal onze of overtreffen onze tijd om hem uit Google.

106
00:09:14,500 --> 00:09:15,970
Dus er is een veel te nemen.

107
00:09:16,390 --> 00:09:17,620
Ik ga om zich te ontdoen van deze te krijgen voor nu.

108
00:09:17,620 --> 00:09:19,020
Gewoon knippen die allemaal uit.

109
00:09:19,060 --> 00:09:23,630
Bewaar mijn dossier en laten we zien wat er gebeurt.

110
00:09:23,650 --> 00:09:28,390
Dus knooppunt eerste verzoek Ja, dat is de naam van ons bestand.

111
00:09:28,480 --> 00:09:34,390
En wow krijgen we al de leeftijd Tim afdruk afgedrukt.

112
00:09:34,750 --> 00:09:36,080
Grote.

113
00:09:36,100 --> 00:09:39,470
Dus laten we proberen ook aan het veranderen dat je bent.

114
00:09:39,730 --> 00:09:44,770
Laten we gaan om het te lezen Dotcom veilig bestand.

115
00:09:44,860 --> 00:09:46,510
Voer het uit.

116
00:09:47,590 --> 00:09:54,190
En hier is dat ik las het voor hem konden we precies hetzelfde doen met een API.

117
00:09:54,340 --> 00:10:04,080
Dus als we terug gaan naar de Yahoo weer eindpunt dit is om de zonsondergang tijd voor Hawai krijgt niet verwacht dat je dit typen of volg deze precies.

118
00:10:04,430 --> 00:10:14,070
Maar als ik het tempo dat je hier bent deze reus je bent l Dit is de API voor Yahoo weer die me zonsondergang tijd zal geven.

119
00:10:14,070 --> 00:10:15,270
Eens kijken of het werkte.

120
00:10:16,060 --> 00:10:19,130
En hadden we die informatie terug.

121
00:10:19,750 --> 00:10:20,260
Geweldig.

122
00:10:20,380 --> 00:10:22,220
Dus ik ben eigenlijk van plan om zich te ontdoen van die voor een tweede.

123
00:10:22,420 --> 00:10:25,690
Laten we nu eens een kijkje nemen op als ik sommige dingen veranderen.

124
00:10:25,720 --> 00:10:28,960
Dus wat als mijn verzoek HTP colon slash grootte.

125
00:10:28,980 --> 00:10:43,870
Ik bedoel ik niet Google en een heleboel random stuff dotcom en ik sla het bestand op en maak ik een verzoek dat ik iets verkeerd ging.

126
00:10:43,900 --> 00:10:45,850
Dus dat betekent dat we een fout hebben.

127
00:10:46,570 --> 00:10:54,320
En op de top van dat de fout zelf heeft een aantal gegevens uit Consta die fout te melden de fout is niet gevonden.

128
00:10:54,730 --> 00:10:56,370
Dus onze pagina is niet gevonden.

129
00:10:56,710 --> 00:11:03,510
Dus dat is het gebruik van de controle van de fout is kunt u ervoor zorgen dat het verzoek heeft gewerkt.

130
00:11:03,670 --> 00:11:06,610
Dus als we dat niet deden we gewoon automatisch afgehandeld is.

131
00:11:06,670 --> 00:11:11,640
En in dit geval al wordt het afdrukken van het lichaam, maar laten we zeggen dat we het opslaan van gegevens in de database.

132
00:11:11,680 --> 00:11:19,330
We willen ervoor zorgen dat we de gegevens eerst en op verzoek gewerkt en we hebben het niet maken naar de verkeerde plaats of dat je weet dat er iets mis is gegaan.

133
00:11:19,870 --> 00:11:23,170
Maar we kunnen dit alles te vereenvoudigen zoals je hier boven kunt zien.

134
00:11:23,260 --> 00:11:29,740
Dit is de verkorte versie, waar je gewoon een if-statement controleert of deze beide tegelijk.

135
00:11:29,740 --> 00:11:35,910
Oké dus dat is hoe we een verzoek van knooppunt met behulp van deze aanvraag bibliotheek of verzoek pakket te maken.

136
00:11:35,920 --> 00:11:40,230
Heel eenvoudig in de zin dat het is vrijwel altijd gaat om hetzelfde te zijn.

137
00:11:40,420 --> 00:11:51,050
Je bent gewoon gaan op verzoeken nodig hebben en dan zul je aan toevoegen dat je Elen dat uw verzoek en zal ons terug te gaan naar alleen Google dot com.

138
00:11:51,250 --> 00:11:53,720
Dan heb je je callback functie.

139
00:11:53,830 --> 00:12:01,430
Drie stukken van informatie te controleren voor een fout controle voor de status-code en de reactie en dan is er iets met het lichaam doen.

140
00:12:01,510 --> 00:12:09,120
Meestal heb je niet gewoon print het uit, maar dit is waar we iets zou doen met het is als er geen fout en de status code is 200.

141
00:12:09,190 --> 00:12:12,790
Dus ik weet dat het een veel, maar het is een soort van een recept dat je kunt volgen.

142
00:12:13,120 --> 00:12:13,620
OK.

143
00:12:13,750 --> 00:12:21,260
Dus in de volgende video gaan we een beetje meer te verkennen met de API is eigenlijk vragen om Jason API en er iets mee doen.

144
00:12:21,310 --> 00:12:21,780
Grote.