1
00:00:00,150 --> 00:00:05,220
Tudo bem, então vamos mergulhar de volta à nossa aplicação atual agora que falamos um

2
00:00:05,220 --> 00:00:07,030
pouco sobre como a API funciona.

3
00:00:07,350 --> 00:00:09,020
Volte aqui.

4
00:00:09,360 --> 00:00:11,890
Nós instalamos todos aqueles esses três pacotes.

5
00:00:12,030 --> 00:00:13,790
Vamos configurar o nosso aplicativo básico.

6
00:00:13,920 --> 00:00:17,240
Portanto, deve haver revisão, mas toque.

7
00:00:17,420 --> 00:00:21,730
Sim, vamos abri-lo.

8
00:00:21,810 --> 00:00:23,910
O que isso faz C9.

9
00:00:25,080 --> 00:00:25,850
ESTÁ BEM.

10
00:00:26,270 --> 00:00:31,100
Faça o nosso básico Então, precisamos var express equals.

11
00:00:31,320 --> 00:00:36,060
E como eu disse que isso vai ser barebones, não vamos modelá-lo e torná-lo bonito em

12
00:00:36,070 --> 00:00:37,170
uma funcionalidade muito divertida.

13
00:00:37,170 --> 00:00:45,510
Mas será algo que você pode usar como um modelo para outros aplicativos que usam API e que

14
00:00:45,750 --> 00:00:48,590
o aplicativo seja igual a Express.

15
00:00:49,560 --> 00:00:52,720
Enquanto estamos aqui, vai abrir um aplicativo anterior.

16
00:00:52,800 --> 00:00:55,240
Vamos fazer isso.

17
00:00:55,560 --> 00:00:58,080
Copie esta linha.

18
00:00:58,080 --> 00:01:00,150
Eu sempre esqueci esse.

19
00:01:00,150 --> 00:01:06,460
O processo que a porta do infield, mas eu vou colocar isso aqui e eu vou mudá-lo para dizer

20
00:01:08,280 --> 00:01:10,550
que o aplicativo do filme começou OK.

21
00:01:10,560 --> 00:01:18,510
E, em seguida, também exigirá solicitação, como eu gostaria de salvá-lo para uma variável.

22
00:01:19,260 --> 00:01:29,090
Ok, então este aplicativo expresso, como eu disse, terá duas rotas, uma barra de busca e outra uma barra de resultados.

23
00:01:29,910 --> 00:01:32,440
Então você verá um formulário em uma página.

24
00:01:32,520 --> 00:01:38,680
seguida, funcionará com a API, enviará uma solicitação da API que irá retornar e exibirá os resultados.

25
00:01:38,680 --> 00:01:44,990
Preencha-o e, em seguida, esse envio desse formulário irá então ativar ou enviar um pedido para a nossa

26
00:01:44,990 --> 00:01:46,580
rota de resultados que, em

27
00:01:46,980 --> 00:01:54,060
Vamos começar simples, levando o apt get, apenas criará uma resposta de solicitação

28
00:01:57,690 --> 00:02:05,550
de resultados ou uma rota padrão, então aqui é quando faremos uma chamada de API.

29
00:02:05,790 --> 00:02:10,540
Então, quando um usuário desencadeia resultados de barra, realmente faremos uma pesquisa da API.

30
00:02:10,710 --> 00:02:12,930
E vamos começar por codificá-lo.

31
00:02:12,960 --> 00:02:17,810
Então, o código rígido dos LEDs em uma pesquisa como nós temos aqui.

32
00:02:18,100 --> 00:02:20,580
Tenho certeza de que vai fazer isso pela Califórnia.

33
00:02:20,580 --> 00:02:25,160
Então, esta é a chamada da API que vamos começar começando sempre.

34
00:02:25,260 --> 00:02:30,320
Então, apenas para tropeçar sua memória, aqui é o que estamos procurando.

35
00:02:30,480 --> 00:02:38,970
Solicite este gigante você R-AL e depois ligue de volta com erros de resposta de erro e corpo.

36
00:02:38,970 --> 00:02:43,080
Então, vamos tentar isso agora, vamos começar simplesmente por garantir que nossa rota funcione.

37
00:02:43,110 --> 00:02:48,500
Então, vamos fazer, vamos mandar isso para baixo.

38
00:02:48,540 --> 00:02:54,460
Funciona assim na inicialização por servidor.

39
00:02:56,140 --> 00:02:57,840
Ok, o epos do filme começou.

40
00:02:58,170 --> 00:03:02,210
Vamos agora visitar a prévia.

41
00:03:03,210 --> 00:03:11,750
Portanto, não temos a nossa rota roteada configurada, mas devemos ter resultados Slash e nós ficamos ola.

42
00:03:11,880 --> 00:03:12,930
Funciona.

43
00:03:13,350 --> 00:03:18,160
E vou abrir isso em uma nova guia e me livrar disso aqui.

44
00:03:18,540 --> 00:03:18,780
ESTÁ BEM.

45
00:03:18,780 --> 00:03:24,870
Então, ao invés de ver que queremos ver os dados do nosso filme e começaremos por apenas ver tudo isso.

46
00:03:24,870 --> 00:03:30,690
Então eu quero ver isso, mas quando eu vou para reduzir os resultados, então não estamos lidando com o HDMI ainda que será

47
00:03:30,690 --> 00:03:31,310
o próximo.

48
00:03:31,410 --> 00:03:36,060
e isso é o que eu costumo fazer é começar com a API e depois me preocupar com a apresentação.

49
00:03:36,090 --> 00:03:38,550
Mas nós só queremos garantir que nossa API esteja se conectando

50
00:03:38,700 --> 00:03:44,050
Então solicite que você esteja bem que precisamos.

51
00:03:44,640 --> 00:03:46,210
Claro que copiei outra coisa.

52
00:03:46,350 --> 00:03:47,770
Então vamos voltar.

53
00:03:47,790 --> 00:03:49,310
Copie o que você é.

54
00:03:49,410 --> 00:03:54,240
É aqui que pedimos que sinta-se livre para fazer isso qualquer que seja o termo de pesquisa que você quer, seja

55
00:03:54,240 --> 00:03:55,850
qual for o estado onde você mora.

56
00:03:56,100 --> 00:03:58,430
E então precisamos de um retorno de chamada.

57
00:03:58,440 --> 00:04:07,650
Então, é uma resposta de erro e depois corpo e, em seguida, adicionamos essa afirmação if.

58
00:04:08,040 --> 00:04:09,650
Tecnicamente, não precisamos ter isso.

59
00:04:09,660 --> 00:04:11,250
É bom ter.

60
00:04:11,250 --> 00:04:16,060
Apenas para que não conheçamos o trabalho com dados quebrados e podemos lidar com o erro se precisarmos.

61
00:04:16,350 --> 00:04:30,510
Então, se não houver um erro e resposta, esse código de status é igual a 200 se for esse o caso, então vamos trabalhar com

62
00:04:30,510 --> 00:04:31,930
o corpo.

63
00:04:31,950 --> 00:04:39,090
Então, antes mesmo de analisá-lo, vamos enviar o PADI e mandar um corpo que seja uma corda

64
00:04:39,090 --> 00:04:39,870
nesse ponto.

65
00:04:39,870 --> 00:04:44,060
E vamos ver o que recebemos.

66
00:04:44,130 --> 00:04:47,790
Refresque e lá vamos.

67
00:04:47,790 --> 00:04:51,820
Agora, quando atualizo, você pode ver que começa.

68
00:04:51,990 --> 00:04:54,750
É realmente difícil de ver porque esta extensão do Chrome está dando início.

69
00:04:54,750 --> 00:04:58,720
Mas você pode ver que é essa perseguição aqui.

70
00:04:58,740 --> 00:05:00,940
Na verdade, é uma série de Jaison.

71
00:05:01,110 --> 00:05:04,590
O que precisamos fazer agora é transformá-lo em um objeto.

72
00:05:04,620 --> 00:05:08,140
Então, se eu queria apenas obter o primeiro título.

73
00:05:08,540 --> 00:05:11,330
Vamos voltar aqui.

74
00:05:11,330 --> 00:05:14,750
Eu só quero o Rei da Califórnia ou seja qual for o primeiro título.

75
00:05:14,750 --> 00:05:19,290
Eu preciso acessar a pesquisa e então é uma matriz.

76
00:05:19,290 --> 00:05:23,430
Então eu quero o zero com o elemento, mas se eu fizer

77
00:05:28,950 --> 00:05:29,550
isso aqui

78
00:05:36,840 --> 00:05:41,540
e salvar, obtemos um erro que não pode ler corretamente zero de indefinido.

79
00:05:41,670 --> 00:05:48,690
Então, isso é indefinido aqui porque o corpo ainda é uma seqüência exatamente como vimos no último vídeo ou dois videos

80
00:05:48,690 --> 00:05:49,160
atrás.

81
00:05:49,320 --> 00:05:51,210
Precisamos convertê-lo em um objeto.

82
00:05:51,510 --> 00:05:59,350
Então, é aí que nós conseguimos o nosso corpo Jason parceiro, eu o salvarei para apenas chamar resultados ou.

83
00:05:59,550 --> 00:06:00,770
Os resultados estão bem.

84
00:06:00,780 --> 00:06:02,120
Jaisalmer acima do corpo do pergaminho.

85
00:06:02,160 --> 00:06:08,060
E então, simplesmente substituímos o corpo por resultados.

86
00:06:08,370 --> 00:06:14,400
Então, isso nos dá a forma de objeto dessa string que foi analisada e

87
00:06:14,400 --> 00:06:17,890
convertida, então podemos acessá-la como qualquer outro objeto.

88
00:06:18,330 --> 00:06:23,310
título seja reiniciado mais uma vez e recebemos o Rei da Califórnia.

89
00:06:26,290 --> 00:06:31,400
E agora nós conseguimos esse elemento único e então, se queremos que o

90
00:06:31,800 --> 00:06:32,580
Excelente.

91
00:06:32,640 --> 00:06:36,060
Então, tão lindamente direto, realmente.

92
00:06:36,060 --> 00:06:40,980
Nós não terminamos, é claro, mas tudo o que fizemos foi basicamente pegar nosso código de solicitação que tínhamos

93
00:06:41,400 --> 00:06:43,360
anteriormente e simplesmente colocá-lo dentro de um embrulho.

94
00:06:43,380 --> 00:06:50,130
Então, em seguida, vamos tomar a resposta e realmente criar um modelo que a use e exibir todos

95
00:06:50,130 --> 00:06:53,250
os títulos de filmes em apenas uma lista simples.

96
00:06:53,580 --> 00:06:58,040
E é um discurso para um mouse em vez de texto simples que vemos agora.

97
00:06:58,050 --> 00:06:58,450
Tudo bem