1
00:00:00,330 --> 00:00:00,720
Todo bien.

2
00:00:00,720 --> 00:00:01,890
Dar una buena acogida.

3
00:00:01,890 --> 00:00:08,250
Así que vamos a pasar del nivel alto hablando sobre qué tipos de AP son cómo funcionan y cómo

4
00:00:08,640 --> 00:00:10,470
están estructurados y con qué responden.

5
00:00:10,470 --> 00:00:16,500
El M-L de Jay Sonic vamos a pasar de eso a ensuciarnos realmente con AAPI

6
00:00:16,500 --> 00:00:20,010
que está trabajando con ellos incorporándolos en una aplicación.

7
00:00:20,010 --> 00:00:20,800
Antes de hacer eso.

8
00:00:20,820 --> 00:00:26,040
Vamos a hacer un repaso rápido de cómo puedes hacer las solicitudes h h t p.

9
00:00:26,040 --> 00:00:32,170
Entonces, la forma más común que has visto probablemente toda tu vida en la web es simplemente usando el navegador.

10
00:00:32,640 --> 00:00:36,380
Entonces puedo abrir una ventana e ir a Google dot com.

11
00:00:36,720 --> 00:00:38,240
Hice una solicitud.

12
00:00:38,580 --> 00:00:42,280
Presiono enter. Hago clic en este botón que me hace una solicitud.

13
00:00:42,390 --> 00:00:44,510
Hago una búsqueda de perro.

14
00:00:45,390 --> 00:00:50,700
Esa es una solicitud en la que hago clic en el enlace de ese perro a wikipedia y esa es una solicitud.

15
00:00:50,700 --> 00:00:50,960
DE ACUERDO.

16
00:00:50,970 --> 00:00:52,190
Entonces esa es una forma.

17
00:00:52,530 --> 00:00:58,260
Pero también puedo hacer solicitudes a través del código, que es lo que vamos a aprender aquí. ¿Cómo

18
00:00:58,260 --> 00:01:00,630
escribo javascript que me hará una solicitud?

19
00:01:00,630 --> 00:01:08,800
¿Cómo escribo javascript que buscará a Jaison de la API meteorológica de Yahoo o de la API de Reddit?

20
00:01:09,030 --> 00:01:14,790
Ese es nuestro objetivo aquí es escribir un código que obtenga información de una API a través de una

21
00:01:14,790 --> 00:01:20,470
solicitud y luego hacer algo con ella, como guardarla en una base de datos o mostrarla a un usuario.

22
00:01:20,790 --> 00:01:25,500
Y el secreto de eso es que no tienes que hacer una solicitud a través del navegador.

23
00:01:25,560 --> 00:01:27,840
Puede hacer una solicitud a través del código.

24
00:01:27,840 --> 00:01:34,200
ver cómo hacerlo utilizando un paquete llamado solicitud de forma extraña, pero también hay otras formas de hacerlo.

25
00:01:34,200 --> 00:01:34,940
Vamos a

26
00:01:35,070 --> 00:01:40,130
Una herramienta llamada Currall see you Arel es una forma de realizar solicitudes desde la línea de comandos.

27
00:01:40,380 --> 00:01:46,710
Por lo tanto, no necesariamente para una aplicación, sino para mostrarle que las solicitudes son

28
00:01:47,220 --> 00:01:59,070
independientes de navegadores. Puedo solicitar HGP colon slash slash www. Youtube. com de mi terminal y obtengo este contenido exactamente la

29
00:01:59,070 --> 00:02:03,000
misma respuesta que hago cuando voy a Google dot com.

30
00:02:03,030 --> 00:02:09,330
La diferencia clave, por supuesto, es que en un navegador esa información me es devuelta.

31
00:02:09,420 --> 00:02:18,120
Entonces veo esto, pero el texto subyacente que me envió es lo que estoy viendo aquí.

32
00:02:18,480 --> 00:02:23,520
Entonces, la mayor parte del tiempo en nuestro código no vamos a preguntar por él desde una página web.

33
00:02:23,520 --> 00:02:26,120
Quiero decir que es un desastre trabajar con eso.

34
00:02:26,880 --> 00:02:33,020
En cambio, normalmente pedimos Jaison o X-amount de una API, pero la misma idea es cierta.

35
00:02:33,020 --> 00:02:35,580
Puedo solicitar una API usando Currall.

36
00:02:35,760 --> 00:02:43,170
Así que solo hago Kerl en una API que tiene IRL, pero eso no es lo que vamos a hacer realmente para la mayoría de las aplicaciones.

37
00:02:43,230 --> 00:02:47,930
Es solo una especie de demostración educativa de que puedes hacerlo desde la línea de comando.

38
00:02:48,060 --> 00:02:53,480
Vamos a hacerlo dentro de una aplicación y vamos a empezar realmente muy simple.

39
00:02:53,530 --> 00:02:56,340
Vamos a mostrarte cómo haces una solicitud en un nodo.

40
00:02:56,760 --> 00:03:05,210
Así que voy a hacer un nuevo directorio aquí API ojos y luego voy a hacer un nuevo archivo.

41
00:03:05,430 --> 00:03:09,210
Voy a llamarlo primera solicitud.

42
00:03:09,240 --> 00:03:10,730
Jay sí.

43
00:03:10,890 --> 00:03:15,420
Entonces, todo lo que vamos a hacer es hacer una solicitud desde un archivo javascript.

44
00:03:15,480 --> 00:03:18,150
Entonces, volveremos a solicitar la columna de Googlebot, que es lo que hacemos.

45
00:03:18,270 --> 00:03:20,360
Que es lo que acabamos de hacer usando cURL.

46
00:03:20,940 --> 00:03:23,450
Y sé que es una especie de todo esto, puede ser mucho para asimilar.

47
00:03:23,580 --> 00:03:27,430
El punto es que hicimos una solicitud en el navegador refrescando la página.

48
00:03:27,540 --> 00:03:29,340
Hicimos una solicitud y la línea de comando.

49
00:03:29,340 --> 00:03:32,470
Funciona de la misma manera en cuanto al contenido que recibimos.

50
00:03:32,550 --> 00:03:33,830
Ahora hagamos lo mismo.

51
00:03:33,840 --> 00:03:36,520
Pero desde un archivo javascript

52
00:03:37,060 --> 00:03:39,170
Así que voy a abrir ese archivo.

53
00:03:40,950 --> 00:03:44,200
Y queremos poner nuestro código aquí que hará la solicitud.

54
00:03:44,220 --> 00:03:45,210
Entonces cómo hacemos eso.

55
00:03:45,210 --> 00:03:47,130
¿Cómo hacemos una solicitud desde un nodo?

56
00:03:47,430 --> 00:03:50,220
Hay muchos paquetes de bibliotecas diferentes que puede usar.

57
00:03:50,370 --> 00:03:57,870
El que vamos a usar se llama solicitud y este es probablemente el más común, así que obtenga esa solicitud de com

58
00:03:57,870 --> 00:03:59,380
barra para que llegue allí.

59
00:03:59,400 --> 00:04:05,540
Solo el nodo de google solicita un cliente de solicitud UDP envejecido simplificado.

60
00:04:05,760 --> 00:04:08,690
Entonces, así es como podemos hacer una simple solicitud.

61
00:04:08,700 --> 00:04:10,800
Esta es una especie de sintaxis básica.

62
00:04:10,920 --> 00:04:18,840
Si echas un vistazo, lo incluimos primero al solicitar la configuración de la solicitud en una variable como cualquier

63
00:04:18,840 --> 00:04:28,620
otro paquete, entonces lo que hacemos es hacer una solicitud a aurl y luego tenemos una función que la pasamos y hay varias

64
00:04:28,620 --> 00:04:34,070
partes de esta función o múltiples argumentos y respuesta de error y cuerpo.

65
00:04:34,450 --> 00:04:41,720
Así que usamos una devolución de llamada aquí porque hacer una solicitud lleva tiempo a veces será muy rápido una cuestión de milisegundos.

66
00:04:42,030 --> 00:04:47,670
En ocasiones, la solicitud si está solicitando una página web que no existe o un servidor

67
00:04:47,670 --> 00:04:48,840
inactivo se bloqueará.

68
00:04:48,900 --> 00:04:55,290
Por lo tanto, debe esperar muchas veces para hacer cualquier cosa hasta que tenga una respuesta, ya sea buena o mala.

69
00:04:55,950 --> 00:04:59,380
Entonces veremos y hablaremos sobre cuáles son y cómo los usa.

70
00:04:59,490 --> 00:05:07,110
Por ahora copiemos esto y en verdad voy a volver a escribirlo línea por línea, pero lo voy a mantener aquí para

71
00:05:07,110 --> 00:05:08,540
que lo puedan ver.

72
00:05:08,820 --> 00:05:16,040
que la solicitud de instalación de NPM le permita obtener una solicitud y podamos solicitar que aparezca correctamente.

73
00:05:18,250 --> 00:05:23,600
Y lo primero que tenemos que hacer es instalar la solicitud del paquete para

74
00:05:23,890 --> 00:05:24,340
DE ACUERDO.

75
00:05:24,370 --> 00:05:25,240
Así que lo hemos hecho.

76
00:05:25,240 --> 00:05:30,020
Voy a cambiar el tamaño un poco aquí y voy a reescribir esto.

77
00:05:30,040 --> 00:05:31,920
Reescribe esto o podemos repasarlo.

78
00:05:32,170 --> 00:05:35,130
Requerir solicitudes

79
00:05:35,290 --> 00:05:36,880
Agradable y simple para comenzar.

80
00:05:37,450 --> 00:05:41,320
Entonces, la próxima línea realmente está haciendo esa solicitud.

81
00:05:41,710 --> 00:05:49,110
Así que esta aplicación, si quieres llamar a la siesta cada vez que la ejecutamos, solo ejecutaremos la solicitud del nodo primero.

82
00:05:49,320 --> 00:05:49,790
Sí.

83
00:05:49,840 --> 00:05:53,410
Todo lo que hará es imprimir el iChat desde Google.

84
00:05:53,420 --> 00:05:54,840
Ellos serán lo primero que hagamos.

85
00:05:55,140 --> 00:05:57,690
Entonces, nuestra solicitud es igual a la solicitud requerida.

86
00:05:57,700 --> 00:06:02,510
Luego hacemos nuestra solicitud, así que haremos HTP colon slash slash W. W. Google. com.

87
00:06:02,600 --> 00:06:03,740
Exactamente lo que hicimos con Currall es lo mismo que está enfermo y esperamos la misma edad timeo.

88
00:06:04,030 --> 00:06:10,980
Esa es la primera parte que hará la solicitud.

89
00:06:12,010 --> 00:06:14,390
Pero para hacer algo con la información que se devuelve, necesitamos una devolución de llamada.

90
00:06:14,420 --> 00:06:18,940
Y como explicaron eso es porque no es instantáneo.

91
00:06:19,030 --> 00:06:22,510
Toma tiempo.

92
00:06:22,510 --> 00:06:24,200
Esta solicitud tiene que ir hasta un servidor en algún lugar potencialmente a miles de millas de distancia.

93
00:06:24,220 --> 00:06:28,690
Luego vuelve todo el camino hasta nosotros y luego nuestra computadora tiene que entenderlo y darle sentido.

94
00:06:28,780 --> 00:06:34,110
Entonces, hay tres cosas que pasamos en respuesta de error y cuerpo.

95
00:06:34,570 --> 00:06:41,770
El primero que es un error guardará cualquier posible error que obtengamos.

96
00:06:41,770 --> 00:06:47,890
una conexión a Internet, por ejemplo, si rechazo a mi esposa e intento recuperar el error.

97
00:06:47,890 --> 00:06:54,580
Entonces, si hay un problema que el servidor no funciona o la solicitud expira o no tenemos

98
00:06:54,580 --> 00:06:59,150
Entonces veremos cómo jugar con eso un poco.

99
00:06:59,170 --> 00:07:01,010
Pero es importante que compruebe si hay un error.

100
00:07:01,090 --> 00:07:03,800
Entonces haremos algo como esto si hay un error y luego tendremos otro.

101
00:07:04,000 --> 00:07:13,850
Entonces, si hay un error, simplemente cancelamos, no inicies sesión.

102
00:07:13,900 --> 00:07:18,800
Algo salió mal y luego también cancelará el registro del error en sí.

103
00:07:20,620 --> 00:07:27,790
De lo contrario, eso significa que recuperamos algo.

104
00:07:27,910 --> 00:07:31,460
la respuesta tiene un código de estado de 200.

105
00:07:31,930 --> 00:07:37,750
Puede ver que hay una segunda cosa que están comprobando aquí en este ejemplo si

106
00:07:37,750 --> 00:07:39,430
Por lo tanto, no vamos a entrar en los

107
00:07:39,610 --> 00:07:44,400
códigos de estado tanto, pero probablemente esté familiarizado con el código de estado 404 cada vez que intente y solicite una página que ya no existe.

108
00:07:44,410 --> 00:07:50,030
Si buscamos un código de estado que no se encuentre el mensaje

109
00:07:50,410 --> 00:07:57,460
de error, verá que lo sabe si está intentando solicitar algo que no se puede encontrar.

110
00:07:57,460 --> 00:08:01,020
Sin embargo, hay muchos otros códigos de estado.

111
00:08:01,030 --> 00:08:03,550
Así que puedes ver aquí que el más importante es 200.

112
00:08:04,240 --> 00:08:07,490
Representa.

113
00:08:07,510 --> 00:08:08,160
OK, es una respuesta estándar para solicitudes exitosas.

114
00:08:08,170 --> 00:08:12,280
Entonces, si las cosas salieron bien y obtuvimos una respuesta,

115
00:08:12,280 --> 00:08:18,730
queremos verificar si el código de estado es 200 porque potencialmente podríamos obtener una respuesta

116
00:08:18,730 --> 00:08:24,700
que tenga un código de estado distinto a 200 como la página se movió.

117
00:08:24,700 --> 00:08:26,400
Y eso no va a ser doscientos y queremos manejarlo de manera diferente.

118
00:08:26,530 --> 00:08:29,490
Así que esto es algo que puedes simplemente

119
00:08:29,500 --> 00:08:35,620
codificar no solo duro pero siempre puedes asumir que quieres verificar si el status quo es 200.

120
00:08:35,620 --> 00:08:37,960
estado es igual a 200.

121
00:08:38,590 --> 00:08:47,440
Así que haremos eso aquí por ahora, es una declaración IF anidada, de modo que si la respuesta ese código de

122
00:08:47,450 --> 00:08:48,650
Entonces, si llegamos aquí, las cosas funcionaron bien.

123
00:08:48,940 --> 00:08:56,420
Entonces, si eso sucedió, hagamos un a ese registro.

124
00:08:56,500 --> 00:09:01,300
Y vamos a imprimir el cuerpo.

125
00:09:01,990 --> 00:09:03,750
Así que esa es la última pieza

126
00:09:03,880 --> 00:09:09,940
de información que es el cuerpo de respuesta real, las cosas que regresaron que serán nuestras o superiores a nuestra edad para él de Google.

127
00:09:09,940 --> 00:09:13,940
Entonces hay mucho que asimilar.

128
00:09:14,500 --> 00:09:15,970
Voy a deshacerme de esto por ahora.

129
00:09:16,390 --> 00:09:17,620
Solo corta eso.

130
00:09:17,620 --> 00:09:19,020
Guarde mi archivo y veamos qué sucede.

131
00:09:19,060 --> 00:09:23,630
Entonces, el nodo primero solicita Sí, ese es el nombre de nuestro archivo.

132
00:09:23,650 --> 00:09:28,390
Y wow obtenemos toda la impresión de Tim impresa.

133
00:09:28,480 --> 00:09:34,390
Estupendo.

134
00:09:34,750 --> 00:09:36,080
Así que también intentemos cambiar eso.

135
00:09:36,100 --> 00:09:39,470
Vamos a leer el archivo seguro de dotcom.

136
00:09:39,730 --> 00:09:44,770
Ejecutarlo.

137
00:09:44,860 --> 00:09:46,510
Y aquí se lo leí todo, podríamos hacer exactamente lo mismo con una API.

138
00:09:47,590 --> 00:09:54,190
Entonces, si volvemos al punto final meteorológico de Yahoo, esto es para obtener el tiempo

139
00:09:54,340 --> 00:10:01,710
de la puesta del sol para que Hawai no espere que escriba esto o siga esto exactamente.

140
00:10:01,780 --> 00:10:04,080
Pero si llevo el ritmo de

141
00:10:04,430 --> 00:10:12,700
que estás aquí, este gigante eres tú. Esta es la API para el clima de Yahoo que me dará la hora del ocaso.

142
00:10:12,700 --> 00:10:14,070
Veamos si funcionó.

143
00:10:14,070 --> 00:10:15,270
Y tenemos esa información de vuelta.

144
00:10:16,060 --> 00:10:19,130
Increíble.

145
00:10:19,750 --> 00:10:20,260
Así que en realidad voy a deshacerme de eso por un segundo.

146
00:10:20,380 --> 00:10:22,220
Ahora echemos un vistazo si cambio algunas cosas.

147
00:10:22,420 --> 00:10:25,690
Entonces, ¿qué pasa si mi solicitud HTP colon tamaño de barra.

148
00:10:25,720 --> 00:10:28,960
Quiero decir que no busco Google

149
00:10:28,980 --> 00:10:42,040
y un montón de cosas al azar en puntocom y guardo el archivo y hago una solicitud para que me den un error.

150
00:10:42,040 --> 00:10:43,870
Entonces eso significa que tenemos un error.

151
00:10:43,900 --> 00:10:45,850
Y además de eso, el

152
00:10:46,570 --> 00:10:53,500
error en sí tiene cierta información de Consta que registra el error no se encuentra el error.

153
00:10:53,500 --> 00:10:54,320
Entonces nuestra página no fue encontrada

154
00:10:54,730 --> 00:10:56,370
Así que ese es el uso de la verificación del error para asegurarse de que la solicitud funcionó.

155
00:10:56,710 --> 00:11:03,510
Entonces, si no lo hicimos, lo manejamos automáticamente.

156
00:11:03,670 --> 00:11:06,610
Y en este caso ya está imprimiendo el cuerpo, pero digamos que estamos guardando datos en la base de datos.

157
00:11:06,670 --> 00:11:11,640
Queremos asegurarnos de que obtuvimos los datos primero y de que funcionó la solicitud y

158
00:11:11,680 --> 00:11:16,060
no logramos llegar al lugar equivocado o que usted sabe que algo salió mal.

159
00:11:16,060 --> 00:11:19,330
Pero podemos simplificar todo esto como puedes ver aquí.

160
00:11:19,870 --> 00:11:23,170
una declaración if para ambas al mismo tiempo.

161
00:11:23,260 --> 00:11:27,880
Esta es la versión abreviada en la que solo tiene

162
00:11:27,880 --> 00:11:29,740
De acuerdo, así es como hacemos una solicitud desde un nodo usando esta biblioteca de solicitud o paquete de solicitud.

163
00:11:29,740 --> 00:11:35,910
Muy simple en el sentido de que siempre va a ser lo mismo.

164
00:11:35,920 --> 00:11:40,230
Solo va a requerir solicitudes y luego va a agregar

165
00:11:40,420 --> 00:11:46,390
que es Elen su solicitud y nos cambiará a solo Google dot com.

166
00:11:46,960 --> 00:11:51,050
Luego tienes tu función de devolución de llamada.

167
00:11:51,250 --> 00:11:53,720
Tres piezas de información comprueban si hay

168
00:11:53,830 --> 00:11:59,950
errores en el código de estado y la respuesta, y luego hacen algo con el cuerpo.

169
00:11:59,950 --> 00:12:01,430
Usualmente no solo lo imprime,

170
00:12:01,510 --> 00:12:06,670
pero aquí es donde haríamos algo si no hay error y el código de estado es 200.

171
00:12:06,670 --> 00:12:09,120
Sé que es mucho, pero es una receta que puedes seguir.

172
00:12:09,190 --> 00:12:12,790
DE ACUERDO.

173
00:12:13,120 --> 00:12:13,620
Entonces, en

174
00:12:13,750 --> 00:12:18,800
el próximo video vamos a explorar un poco más con API. De hecho, solicitamos la API de Jason y hacemos algo al respecto.

175
00:12:18,820 --> 00:12:21,260
Estupendo.

176
00:12:21,310 --> 00:12:21,780