1
00:00:03,450 --> 00:00:08,610
Neste exercício, vamos fazer uso do Angular HTTP Client para

2
00:00:08,610 --> 00:00:13,870
comunicar com o servidor JSON que já configuramos no exercício anterior.

3
00:00:13,870 --> 00:00:21,270
Podemos agora baixar dados do servidor para a nossa aplicação angular usando

4
00:00:21,270 --> 00:00:25,200
o cliente HTTP e, em seguida, fazer uso dos dados para

5
00:00:25,200 --> 00:00:29,755
construir as várias visualizações dentro de nossos componentes.

6
00:00:29,755 --> 00:00:34,050
Neste exercício, vamos reconfigurar o serviço de prato para poder

7
00:00:34,050 --> 00:00:38,960
ir e buscar os dados sobre os pratos do servidor JSON.

8
00:00:38,960 --> 00:00:40,545
Como parte de sua missão,

9
00:00:40,545 --> 00:00:41,920
você completará os dois restantes,

10
00:00:41,920 --> 00:00:44,735
o serviço líder e o serviço de promoção.

11
00:00:44,735 --> 00:00:51,810
Vamos ver como podemos aproveitar o cliente HTTP que irá retornar um observável para nós.

12
00:00:51,810 --> 00:00:55,580
Nós já reconfiguramos nosso aplicativo,

13
00:00:55,580 --> 00:01:02,530
especialmente o serviço para poder entregar observáveis aos nossos componentes.

14
00:01:02,530 --> 00:01:07,070
Dentro de nossos componentes, estamos assinando esses observáveis.

15
00:01:07,070 --> 00:01:10,745
Então, a maior parte da configuração

16
00:01:10,745 --> 00:01:15,310
para obter dados do serviço para o componente já está lá.

17
00:01:15,310 --> 00:01:22,195
Vamos melhorá-lo um pouco para lidar com erros no próximo exercício.

18
00:01:22,195 --> 00:01:27,290
Nosso primeiro passo na preparação do aplicativo Angular para usar

19
00:01:27,290 --> 00:01:31,040
o cliente HTTP para acessar o servidor é

20
00:01:31,040 --> 00:01:35,005
configurar nosso aplicativo com o HttpClientModule.

21
00:01:35,005 --> 00:01:38,505
Então, para fazer isso, abra app.module.ts.

22
00:01:38,505 --> 00:01:42,030
Então, aqui, vamos importar

23
00:01:42,030 --> 00:01:57,460
o HttpClientModule de Angular/Common/HTTP.

24
00:02:00,410 --> 00:02:02,700
Uma vez que importamos isso,

25
00:02:02,700 --> 00:02:06,625
então vamos em frente e configurar o decorador ngModule

26
00:02:06,625 --> 00:02:12,510
nas importações com o HttpClientModule.

27
00:02:14,890 --> 00:02:23,640
Agora, nosso aplicativo está pronto para fazer uso do HttpClientModule para acessar o servidor.

28
00:02:23,640 --> 00:02:28,880
Agora, certifique-se de que o servidor JSON está funcionando e

29
00:02:28,880 --> 00:02:31,190
servindo os dados para que nosso aplicativo possa

30
00:02:31,190 --> 00:02:34,520
se comunicar com o aplicativo do servidor JSON.

31
00:02:34,520 --> 00:02:39,055
Agora que estamos acessando dados do lado do servidor,

32
00:02:39,055 --> 00:02:46,220
é uma boa prática criar um valor especial que aponta para

33
00:02:46,220 --> 00:02:50,840
a BaseURL do seu servidor para

34
00:02:50,840 --> 00:02:55,845
que ele pode ser configurado dentro de sua aplicação angular como e quando necessário.

35
00:02:55,845 --> 00:02:58,325
Então, indo para a pasta compartilhada,

36
00:02:58,325 --> 00:03:05,345
Eu vou criar um novo arquivo aqui chamado baseurl.ts.

37
00:03:05,345 --> 00:03:07,055
Em seguida, dentro deste arquivo,

38
00:03:07,055 --> 00:03:15,995
incluirei uma constante e exportarei e a constante chamada BaseURL,

39
00:03:15,995 --> 00:03:24,355
que definirei como HTTP: //localhost:3000.

40
00:03:24,355 --> 00:03:31,455
Então, como você se lembra, este é o BaseURL no qual meu servidor JSON está acessível.

41
00:03:31,455 --> 00:03:35,665
Então, localhost:3000/, lá.

42
00:03:35,665 --> 00:03:37,565
Então, com isso,

43
00:03:37,565 --> 00:03:40,210
deixe-me salvar as alterações no BaseURL.

44
00:03:40,210 --> 00:03:47,105
Agora, angular fornece uma maneira de fornecer valores como

45
00:03:47,105 --> 00:03:54,990
para o resto do seu aplicativo, configurando um provedor dentro do seu módulo de aplicativo.

46
00:03:54,990 --> 00:03:57,510
Então, indo para o módulo do aplicativo,

47
00:03:57,510 --> 00:04:04,545
para nos permitir fornecer esse BaseURL específico,

48
00:04:04,545 --> 00:04:10,870
nós vamos primeiro importar o valor BaseURL para a nossa aplicação angular.

49
00:04:10,870 --> 00:04:27,380
Então, eu diria importar BaseURL de compartilhado/baseurl.

50
00:04:27,650 --> 00:04:31,790
Este valor agora pode ser disponibilizado para

51
00:04:31,790 --> 00:04:35,625
o resto do meu aplicativo indo para os provedores.

52
00:04:35,625 --> 00:04:38,270
Então, além do LeaderService,

53
00:04:38,270 --> 00:04:42,150
se eu configurar um valor como este,

54
00:04:42,150 --> 00:04:45,965
eu diria fornecer

55
00:04:45,965 --> 00:04:56,070
e, em seguida, BaseURL, UseValue.

56
00:04:56,540 --> 00:05:03,355
Então, desta forma, eu estarei fornecendo esse valor BaseURL como

57
00:05:03,355 --> 00:05:11,310
um provedor de valor de dentro do módulo de aplicativo para o resto do meu aplicativo angular.

58
00:05:11,310 --> 00:05:12,835
Na próxima etapa,

59
00:05:12,835 --> 00:05:19,400
nós vamos configurar nosso DishService para permitir que ele acesse o lado do servidor,

60
00:05:19,400 --> 00:05:21,830
e, em seguida, obter os dados do lado do servidor,

61
00:05:21,830 --> 00:05:25,475
e, em seguida, disponibilizar os dados para nossos componentes.

62
00:05:25,475 --> 00:05:30,170
Agora, vamos para o DishService.

63
00:05:30,170 --> 00:05:32,140
Então, no DishService,

64
00:05:32,140 --> 00:05:37,790
esses pratos não são mais necessários do arquivo local lá.

65
00:05:37,790 --> 00:05:40,970
Vou baixar esses dados do lado do servidor.

66
00:05:40,970 --> 00:05:46,475
Então, eu vou remover isso e, em seguida, adicionar em uma importação

67
00:05:46,475 --> 00:05:55,460
de HTTPClient de angular,

68
00:05:55,460 --> 00:06:00,150
cada HTTP comum,

69
00:06:01,240 --> 00:06:10,130
importar o BaseURL de,

70
00:06:10,130 --> 00:06:19,015
lembrar que isso está em compartilhado/baseurl.

71
00:06:19,015 --> 00:06:21,715
Agora, dentro do meu DishService,

72
00:06:21,715 --> 00:06:24,960
Vou buscar os dados do lado do servidor.

73
00:06:24,960 --> 00:06:27,510
Então, no construtor,

74
00:06:27,510 --> 00:06:31,740
Eu vou atualizar o construtor por

75
00:06:32,260 --> 00:06:39,615
injetando HttpClient no meu construtor aqui.

76
00:06:39,615 --> 00:06:45,275
Então, agora, meu DishService deve ser configurado para

77
00:06:45,275 --> 00:06:50,990
obter os dados do lado do servidor e retornar os dados para o meu aplicativo.

78
00:06:50,990 --> 00:06:52,340
Agora, você percebe que

79
00:06:52,340 --> 00:06:56,915
o método getDistes já está configurado para retornar o observável para o componente.

80
00:06:56,915 --> 00:06:58,980
Então, essa parte já está configurada.

81
00:06:58,980 --> 00:07:06,080
Agora, o que isso vai retornar é o que ele obtém de

82
00:07:06,080 --> 00:07:13,230
o método HTTP get

83
00:07:13,230 --> 00:07:17,760
que vamos chamar o lado do servidor.

84
00:07:17,760 --> 00:07:21,015
Então, a fim de chamar o lado do servidor,

85
00:07:21,015 --> 00:07:23,775
Eu vou ter que fornecer,

86
00:07:23,775 --> 00:07:25,395
dentro do método get,

87
00:07:25,395 --> 00:07:30,750
o BaseURL que eu tenho

88
00:07:30,750 --> 00:07:36,020
já obtido, e então pratos.

89
00:07:36,020 --> 00:07:44,000
Então, desta forma, o método HTTP get vai obter os dados de localhost: 3000/pratos.

90
00:07:44,610 --> 00:07:49,760
Então, essa é a URL do lado do servidor de

91
00:07:49,760 --> 00:07:54,995
que você pode buscar os dados de pratos aqui. É isso.

92
00:07:54,995 --> 00:08:01,430
Meu servidor vai fornecer os dados na forma de um

93
00:08:01,430 --> 00:08:07,660
observável para este serviço quando o método HTTP get é chamado,

94
00:08:07,660 --> 00:08:14,495
e que será retornado para o componente através do método getDistes.

95
00:08:14,495 --> 00:08:19,580
É sobre isso. Agora, meu serviço está configurado para ir e

96
00:08:19,580 --> 00:08:24,525
buscar os dados do lado do servidor e, em seguida, retornar os dados para o meu componente.

97
00:08:24,525 --> 00:08:29,670
Eu vou atualizar os métodos restantes também de forma semelhante.

98
00:08:29,670 --> 00:08:36,230
Então, o que eu vou fazer para o próximo método para o método GetDish é,

99
00:08:36,230 --> 00:08:38,760
Eu vou copiar

100
00:08:39,190 --> 00:08:48,015
esta parte e, em seguida, simplesmente colá-la no lugar aqui,

101
00:08:48,015 --> 00:08:49,890
e então vamos editar isso.

102
00:08:49,890 --> 00:08:54,830
Agora, quando você precisa obter para um determinado prato,

103
00:08:54,830 --> 00:08:58,865
você tem o ID do prato que está disponível para você.

104
00:08:58,865 --> 00:09:03,870
Então, diremos que GetDish ID está disponível como um parâmetro.

105
00:09:03,870 --> 00:09:05,745
Então, para os pratos,

106
00:09:05,745 --> 00:09:10,130
Eu vou adicionar o ID como o outro parâmetro aqui.

107
00:09:10,130 --> 00:09:13,250
Agora, quando eu receber a resposta e, em seguida, retornar

108
00:09:13,250 --> 00:09:18,905
para o componente através da chamada de método GetDish.

109
00:09:18,905 --> 00:09:21,470
Da mesma forma, para o prato em destaque,

110
00:09:21,470 --> 00:09:26,355
vai ser uma maneira um pouco interessante de configurá-lo.

111
00:09:26,355 --> 00:09:28,945
Agora, para o prato em destaque,

112
00:09:28,945 --> 00:09:32,705
quando você precisa acessar os dados do lado do servidor,

113
00:09:32,705 --> 00:09:34,785
o que eu vou fazer é, agora,

114
00:09:34,785 --> 00:09:41,140
quando eu pedir um prato em destaque, agora,

115
00:09:41,140 --> 00:09:45,410
a maneira como meu servidor está configurado é que eu posso enviar a

116
00:09:45,410 --> 00:09:51,580
um parâmetro de consulta dentro do meu URL para que eu possa dizer pratos?

117
00:09:51,580 --> 00:09:56,615
e, em seguida, dizer destaque igual a true.

118
00:09:56,615 --> 00:10:00,290
Então, desta forma, meu servidor retornará

119
00:10:00,290 --> 00:10:06,840
somente os objetos para os quais o sinalizador em destaque está definido como true,

120
00:10:06,840 --> 00:10:09,965
ou a propriedade em destaque está definida como true no lado do servidor.

121
00:10:09,965 --> 00:10:13,770
Agora, é assim que o lado do servidor é configurado.

122
00:10:13,770 --> 00:10:15,670
Agora, novamente, uma vez que você obter os dados,

123
00:10:15,670 --> 00:10:20,390
então você simplesmente mapear o valor e, em seguida, retornar isso como

124
00:10:20,390 --> 00:10:25,490
um observável para o meu componente através do método get featured dish.

125
00:10:25,490 --> 00:10:30,110
Quando eu consultar o lado do servidor usando o parâmetro de consulta,

126
00:10:30,110 --> 00:10:34,155
ele vai retornar uma matriz de objetos que correspondem.

127
00:10:34,155 --> 00:10:39,350
Neste caso, acontece que a matriz conterá exatamente um item lá.

128
00:10:39,350 --> 00:10:44,230
Mas quando eu retornar o valor depois de obter o resultado,

129
00:10:44,230 --> 00:10:51,865
Eu preciso também incluir um zero lá porque este é um array,

130
00:10:51,865 --> 00:10:55,460
então eu preciso retornar o primeiro elemento da matriz.

131
00:10:55,460 --> 00:11:00,050
Antes que eu esqueça, deixe-me importar

132
00:11:00,050 --> 00:11:10,770
o operador de mapa dos operadores rxjs.

133
00:11:10,770 --> 00:11:14,200
Agora, para o último, o GetDishIDs,

134
00:11:14,200 --> 00:11:17,570
o que eu vou fazer é aproveitar o fato de que eu já

135
00:11:17,570 --> 00:11:27,340
tenho o método getDishids disponível para mim.

136
00:11:27,340 --> 00:11:31,705
Então, quando o método getDish retornar,

137
00:11:31,705 --> 00:11:37,610
Eu vou mapear isso com o operador de mapa

138
00:11:41,280 --> 00:12:00,475
como dishes.map, dish.dish id.

139
00:12:00,475 --> 00:12:07,105
Então, desta forma, eu estou retornando apenas o valor que eu preciso,

140
00:12:07,105 --> 00:12:10,840
apenas os ids do prato através deste método aqui.

141
00:12:10,840 --> 00:12:12,765
É sobre isso.

142
00:12:12,765 --> 00:12:19,410
Agora, meu serviço de prato é completamente atualizado para ir e buscar os dados de

143
00:12:19,410 --> 00:12:27,840
o site do servidor e, em seguida, fornecer os dados para os meus componentes no meu.

144
00:12:27,840 --> 00:12:30,230
Aplicação angular aqui.

145
00:12:30,230 --> 00:12:31,775
Na próxima etapa,

146
00:12:31,775 --> 00:12:34,645
Vou entrar no componente de menu.

147
00:12:34,645 --> 00:12:37,085
Em seguida, dentro do componente de menu,

148
00:12:37,085 --> 00:12:45,400
Eu vou usar a interface de injeção que está disponível através

149
00:12:45,400 --> 00:12:53,900
o núcleo angular para injetar este BaseURL que eu obtive lá.

150
00:12:53,900 --> 00:12:56,340
Então, como fazemos uso disso?

151
00:12:56,340 --> 00:13:00,665
Dentro do construtor do meu componente,

152
00:13:00,665 --> 00:13:03,530
Eu vou entrar e dizer,

153
00:13:05,520 --> 00:13:12,910
"@Inject" Então, lembre-se que tínhamos configurado

154
00:13:12,910 --> 00:13:20,675
este BaseURL como um provedor para esse valor no módulo de aplicativo anteriormente.

155
00:13:20,675 --> 00:13:27,425
Então, esse BaseURL agora pode ser injetado no componente como este aqui.

156
00:13:27,425 --> 00:13:29,120
Agora, quando você tem um serviço,

157
00:13:29,120 --> 00:13:31,170
você está injetando serviços como este aqui,

158
00:13:31,170 --> 00:13:32,875
mas quando você tem um valor,

159
00:13:32,875 --> 00:13:38,050
então você injetar o valor usando o decorador "@Inject".

160
00:13:38,050 --> 00:13:45,935
Aqui, estamos especificando o valor do provedor que especificamos lá.

161
00:13:45,935 --> 00:13:48,720
Nós dissemos, provide:BaseURL lá,

162
00:13:48,720 --> 00:13:50,580
então esse é o valor que estamos fornecendo aqui.

163
00:13:50,580 --> 00:13:53,470
Então, estou declarando isso como BaseURL privado.

164
00:13:53,470 --> 00:13:55,660
Então agora, dentro do meu código aqui,

165
00:13:55,660 --> 00:14:02,910
este BaseURL está disponível para configurar o que eu precisar dentro do meu aplicativo aqui.

166
00:14:02,910 --> 00:14:04,985
Enquanto eu ainda estou aqui,

167
00:14:04,985 --> 00:14:14,450
Eu vou remover este prato selecionado que também não está sendo usado dentro do meu aplicativo.

168
00:14:15,300 --> 00:14:21,190
Então, este método também não estou usando com meu aplicativo,

169
00:14:21,190 --> 00:14:25,085
então deixe-me fazer um pouco de limpeza enquanto eu ainda estou aqui.

170
00:14:25,085 --> 00:14:27,925
A maneira como processamos os dados que obtivemos

171
00:14:27,925 --> 00:14:30,635
do serviço permanecerá exatamente a mesma.

172
00:14:30,635 --> 00:14:34,565
Como meu serviço ainda está retornando e observável,

173
00:14:34,565 --> 00:14:38,055
e eu estou assinando o observável dentro deste componente.

174
00:14:38,055 --> 00:14:40,765
Então, essa parte não muda nada.

175
00:14:40,765 --> 00:14:47,645
Agora, a razão pela qual eu injetar o BaseURL dentro do meu componente é que,

176
00:14:47,645 --> 00:14:50,935
no meu modelo aqui,

177
00:14:50,935 --> 00:14:53,985
Estou obtendo a imagem do prato aqui.

178
00:14:53,985 --> 00:15:00,625
Agora, mas esta imagem do prato precisa ser obtida do meu servidor lá,

179
00:15:00,625 --> 00:15:03,270
do servidor JSON lá.

180
00:15:03,270 --> 00:15:08,800
Então, eu preciso entrar e, em seguida, atualizar esta fonte para dizer,

181
00:15:08,800 --> 00:15:13,020
BaseURL plus dish image.

182
00:15:13,020 --> 00:15:18,180
Então, eu preciso fornecer o URL completo para essa imagem lá.

183
00:15:18,180 --> 00:15:26,995
Então, isso deve ser, httlp://localhost:3000/images/, qualquer que seja.

184
00:15:26,995 --> 00:15:29,640
Então, essa é a razão pela qual eu preciso fornecer

185
00:15:29,640 --> 00:15:34,605
o valor BaseURL além da imagem do prato aqui.

186
00:15:34,605 --> 00:15:37,470
Então, isso eu vou colocar entre aspas,

187
00:15:37,470 --> 00:15:43,395
então essa é a maneira como uma expressão como esta dentro da interpolação funcionará corretamente.

188
00:15:43,395 --> 00:15:48,935
Então, coloque isso entre aspas e, em seguida, forneça isso como o valor de origem,

189
00:15:48,935 --> 00:15:54,730
e então aqui você vê que você está usando BaseURL mais a imagem dish,

190
00:15:54,730 --> 00:16:00,725
a dish.image, a propriedade image contém apenas a URL parcial.

191
00:16:00,725 --> 00:16:05,645
Então, ele contém imagens barra e nome do arquivo image.png.

192
00:16:05,645 --> 00:16:14,640
Então, é por isso que eu preciso anexar o http://localhost:3000/,

193
00:16:14,640 --> 00:16:23,220
a essa propriedade de imagem dish para que eu construa o URL total da minha imagem.

194
00:16:23,220 --> 00:16:27,385
Então, com isso, meu componente de menu está agora completamente configurado

195
00:16:27,385 --> 00:16:32,000
para obter todos os dados do lado do servidor.

196
00:16:32,000 --> 00:16:37,100
Agora, da mesma forma, eu sugiro que você atualize

197
00:16:37,100 --> 00:16:43,440
o componente detalhe do prato e também o componente doméstico.

198
00:16:43,440 --> 00:16:45,790
Indo para o componente de detalhe prato,

199
00:16:45,790 --> 00:16:48,050
usar a injeção lá,

200
00:16:48,050 --> 00:16:52,885
e depois ir para o construtor,

201
00:16:52,885 --> 00:16:57,685
no construtor, agora eu preciso usar

202
00:16:57,685 --> 00:17:13,690
injeção de BaseURL e BaseURL lá,

203
00:17:13,690 --> 00:17:24,185
e assim, meu componente de detalhe prato está agora configurado para obter os dados do serviço de prato.

204
00:17:24,185 --> 00:17:26,620
Então, esta parte não vai mais mudar,

205
00:17:26,620 --> 00:17:29,780
permanece exatamente o mesmo porque meu serviço de prato é simplesmente

206
00:17:29,780 --> 00:17:34,395
retornando um observável e eu estou assinando que observável aqui.

207
00:17:34,395 --> 00:17:40,065
Eu também preciso atualizar o arquivo de modelo de componentes de detalhes do prato,

208
00:17:40,065 --> 00:17:43,310
de forma semelhante indo para a fonte de imagem aqui,

209
00:17:43,310 --> 00:17:52,645
Eu adicionaria o BaseURL mais a imagem do prato e depois colocaria isso dentro de citações lá.

210
00:17:52,645 --> 00:17:57,565
Da mesma forma, indo para o componente doméstico, mesma coisa.

211
00:17:57,565 --> 00:18:02,830
Eu vou fazer uma injeção,

212
00:18:02,830 --> 00:18:09,320
e no construtor

213
00:18:10,860 --> 00:18:18,080
eu faço uma injeção de BaseURL,

214
00:18:22,380 --> 00:18:27,640
e indo para o arquivo de modelo de componentes domésticos,

215
00:18:27,640 --> 00:18:33,480
da mesma forma onde eu uso a imagem do prato aqui,

216
00:18:33,480 --> 00:18:39,700
então eu vou dizer, BaseURL mais imagem do prato,

217
00:18:39,700 --> 00:18:44,815
e depois coloque entre aspas aqui,

218
00:18:44,815 --> 00:18:48,530
e, em seguida, salve as alterações.

219
00:18:52,230 --> 00:18:58,805
Então, é isso. Meu aplicativo agora é atualizado para usar

220
00:18:58,805 --> 00:19:04,540
o servidor para obter os dados para os pratos.

221
00:19:04,540 --> 00:19:09,775
Então, vamos ver o aplicativo no navegador.

222
00:19:09,775 --> 00:19:11,630
Indo para o navegador,

223
00:19:11,630 --> 00:19:14,150
agora você pode ver que dentro do meu navegador,

224
00:19:14,150 --> 00:19:18,480
meu prato está sendo renderizado exatamente como antes,

225
00:19:18,480 --> 00:19:20,920
e depois indo para o componente do menu,

226
00:19:20,920 --> 00:19:26,380
você vê que o menu renderiza exatamente como antes e o componente de detalhe do prato,

227
00:19:26,380 --> 00:19:31,935
também os detalhes do prato são renderizados exatamente como antes.

228
00:19:31,935 --> 00:19:38,015
Então, com a mudança que introduzimos acessando os dados do lado do servidor,

229
00:19:38,015 --> 00:19:41,075
somos capazes de buscar os dados do lado do servidor e, em seguida,

230
00:19:41,075 --> 00:19:45,335
renderizar os dados dentro da nossa aplicação Angular.

231
00:19:45,335 --> 00:19:51,365
Para convencê-lo de que os dados estão realmente sendo obtidos do meu servidor JSON,

232
00:19:51,365 --> 00:19:58,590
vamos para o terminal e, em seguida, ver o log na janela do terminal lá.

233
00:19:58,590 --> 00:20:03,620
Indo para o terminal onde meu servidor JSON está sendo executado,

234
00:20:03,620 --> 00:20:08,625
você pode ver que eu realmente realizei um monte de solicitações Git

235
00:20:08,625 --> 00:20:14,030
do meu servidor site para obter todos os dados que eu preciso dentro do meu aplicativo.

236
00:20:14,030 --> 00:20:20,755
Então, na verdade o meu aplicativo Angular está agora buscando todos os dados de

237
00:20:20,755 --> 00:20:27,850
o site do servidor para todos os pratos dentro do meu aplicativo Angular.

238
00:20:27,850 --> 00:20:31,405
Agora, você pode usar a mesma abordagem para também atualizar

239
00:20:31,405 --> 00:20:35,035
o serviço mais recente e também o serviço de promoção,

240
00:20:35,035 --> 00:20:40,200
mas vamos adiar isso até a atribuição final neste curso,

241
00:20:40,200 --> 00:20:43,380
mas isso pode completar este exercício.

242
00:20:43,380 --> 00:20:46,920
Neste exercício, aprendemos como fazer

243
00:20:46,920 --> 00:20:50,420
uso do cliente HTTP, a fim de obter os dados do

244
00:20:50,420 --> 00:20:54,595
o site do servidor e, em seguida, usar os dados na construção

245
00:20:54,595 --> 00:20:59,525
as visualizações dentro dos componentes da nossa aplicação Angular.

246
00:20:59,525 --> 00:21:06,000
Este é um bom momento para você fazer um commit do Git com a mensagem HTTP parte um.