1
00:00:03,450 --> 00:00:13,870
Dans cet exercice, nous allons utiliser le client HTTP Angular pour communiquer avec le serveur JSON que nous avons déjà configuré dans l'exercice précédent.

2
00:00:13,870 --> 00:00:21,270
Nous allons maintenant pouvoir télécharger les données du serveur vers notre application angulaire en utilisant

3
00:00:21,270 --> 00:00:29,755
le client HTTP et ensuite utiliser les données afin de construire les différentes vues au sein de nos composants.

4
00:00:29,755 --> 00:00:34,050
Dans cet exercice, nous allons reconfigurer le service de plat pour pouvoir

5
00:00:34,050 --> 00:00:38,960
aller chercher les données sur les plats du serveur JSON.

6
00:00:38,960 --> 00:00:40,545
Dans le cadre de votre mission,

7
00:00:40,545 --> 00:00:41,920
vous compléterez les deux autres,

8
00:00:41,920 --> 00:00:44,735
le service de leader et le service de promotion.

9
00:00:44,735 --> 00:00:51,810
Nous verrons comment nous pouvons tirer parti du client HTTP qui nous rendra un observable.

10
00:00:51,810 --> 00:00:55,580
Nous avons déjà reconfiguré notre application,

11
00:00:55,580 --> 00:01:02,530
en particulier le service pour être en mesure de fournir des observables à nos composants.

12
00:01:02,530 --> 00:01:07,070
Au sein de nos composantes, nous souscrivons à ces observables.

13
00:01:07,070 --> 00:01:10,745
Donc, la majeure partie de la configuration

14
00:01:10,745 --> 00:01:15,310
pour obtenir des données du service vers le composant est déjà là.

15
00:01:15,310 --> 00:01:22,195
Nous allons l'améliorer un peu pour faire face aux erreurs dans le prochain exercice.

16
00:01:22,195 --> 00:01:27,290
Notre première étape dans la préparation de l'application Angular pour utiliser

17
00:01:27,290 --> 00:01:31,040
le client HTTP pour accéder au serveur est de

18
00:01:31,040 --> 00:01:35,005
configurer notre application avec le HttpClientModule.

19
00:01:35,005 --> 00:01:38,505
Donc, pour ce faire, ouvrez app.module.ts.

20
00:01:38,505 --> 00:01:42,030
Ensuite, ici, importons

21
00:01:42,030 --> 00:01:57,460
le HttpClientModule à partir de Angular/common/HTTP.

22
00:02:00,410 --> 00:02:02,700
Une fois que nous avons importé cela,

23
00:02:02,700 --> 00:02:06,625
alors nous allons de l'avant et configurer le décorateur NgModule

24
00:02:06,625 --> 00:02:12,510
dans les importations avec le HttpClientModule.

25
00:02:14,890 --> 00:02:23,640
Maintenant, notre application est prête à utiliser le HttpClientModule pour accéder au serveur.

26
00:02:23,640 --> 00:02:28,880
Maintenant, assurez-vous que le serveur JSON est opérationnel et

27
00:02:28,880 --> 00:02:31,190
sert les données afin que notre application puisse

28
00:02:31,190 --> 00:02:34,520
communiquer avec l'application serveur JSON.

29
00:02:34,520 --> 00:02:39,055
Maintenant que nous accédons aux données du côté serveur,

30
00:02:39,055 --> 00:02:46,220
, c'est une bonne pratique de créer une valeur spéciale qui pointe vers

31
00:02:46,220 --> 00:02:55,845
la base de votre serveur afin qu'elle puisse être configurée dans votre application angulaire au besoin.

32
00:02:55,845 --> 00:02:58,325
Donc, en allant dans le dossier partagé,

33
00:02:58,325 --> 00:03:05,345
Je vais créer un nouveau fichier ici nommé baseurl.ts.

34
00:03:05,345 --> 00:03:07,055
Ensuite, dans ce fichier,

35
00:03:07,055 --> 00:03:15,995
je vais inclure une constante et l'exporter et la constante nommée baseURL,

36
00:03:15,995 --> 00:03:24,355
que je mettrai à HTTP : //localhost:3000.

37
00:03:24,355 --> 00:03:31,455
Donc, comme vous vous en souvenez, c'est la baseURL à laquelle mon serveur JSON est accessible.

38
00:03:31,455 --> 00:03:35,665
Donc, localhost:3000/, là.

39
00:03:35,665 --> 00:03:37,565
Donc, avec ceci,

40
00:03:37,565 --> 00:03:40,210
permettez-moi d'enregistrer les modifications dans la base eURL.

41
00:03:40,210 --> 00:03:47,105
Maintenant, angular fournit un moyen de fournir des valeurs comme

42
00:03:47,105 --> 00:03:54,990
ceci au reste de votre application en configurant un fournisseur dans votre module d'application.

43
00:03:54,990 --> 00:03:57,510
Donc, en allant dans le module app,

44
00:03:57,510 --> 00:04:04,545
pour nous permettre de fournir cette BaseURL particulière,

45
00:04:04,545 --> 00:04:10,870
nous allons d'abord importer la valeur BaseURL dans notre application angulaire.

46
00:04:10,870 --> 00:04:27,380
Donc, je dirais importer baseURL à partir de partagé/baseurl.

47
00:04:27,650 --> 00:04:31,790
Cette valeur peut maintenant être mise à disposition de

48
00:04:31,790 --> 00:04:35,625
le reste de mon application en allant chez les fournisseurs.

49
00:04:35,625 --> 00:04:38,270
Ensuite, en plus du LeaderService,

50
00:04:38,270 --> 00:04:42,150
si je configure une valeur comme celle-ci,

51
00:04:42,150 --> 00:04:45,965
je dirais fournir

52
00:04:45,965 --> 00:04:56,070
, puis baseUrl, useValue.

53
00:04:56,540 --> 00:05:03,355
Donc, de cette façon, je vais fournir cette valeur baseURL en tant que

54
00:05:03,355 --> 00:05:11,310
un fournisseur de valeur à partir du module d'application au reste de mon application angulaire.

55
00:05:11,310 --> 00:05:12,835
Dans l'étape suivante,

56
00:05:12,835 --> 00:05:19,400
, nous allons configurer notre DishService afin de le laisser accéder côté serveur,

57
00:05:19,400 --> 00:05:21,830
, puis obtenir les données du côté serveur,

58
00:05:21,830 --> 00:05:25,475
et ensuite mettre les données à la disposition de nos composants.

59
00:05:25,475 --> 00:05:30,170
Maintenant, nous allons aller au DishService.

60
00:05:30,170 --> 00:05:32,140
Ensuite, dans le DishService,

61
00:05:32,140 --> 00:05:37,790
ces plats ne sont plus nécessaires du fichier local là-bas.

62
00:05:37,790 --> 00:05:40,970
Je vais télécharger ces données du côté serveur.

63
00:05:40,970 --> 00:05:46,475
Donc, je vais supprimer cela et ensuite ajouter dans une importation

64
00:05:46,475 --> 00:05:55,460
de HttpClient à partir d'angulaire,

65
00:05:55,460 --> 00:06:00,150
chaque HTTP commun,

66
00:06:01,240 --> 00:06:10,130
importer le BaseURL à partir de,

67
00:06:10,130 --> 00:06:19,015
rappeler que c'est dans partagé/baseurl.

68
00:06:19,015 --> 00:06:21,715
Maintenant, dans mon DishService,

69
00:06:21,715 --> 00:06:24,960
je vais aller chercher les données du côté serveur.

70
00:06:24,960 --> 00:06:27,510
Donc, dans le constructeur,

71
00:06:27,510 --> 00:06:39,615
, je vais mettre à jour le constructeur en injectant HttpClient dans mon constructeur ici.

72
00:06:39,615 --> 00:06:45,275
Donc, maintenant, mon DishService devrait être configuré pour

73
00:06:45,275 --> 00:06:50,990
obtenir les données du côté serveur et retourner les données à mon application.

74
00:06:50,990 --> 00:06:52,340
Maintenant, vous remarquez que

75
00:06:52,340 --> 00:06:56,915
la méthode GetDats est déjà configurée pour renvoyer l'observable au composant.

76
00:06:56,915 --> 00:06:58,980
Donc, cette partie est déjà configurée.

77
00:06:58,980 --> 00:07:06,080
Maintenant, ce que cela va retourner est ce qu'il obtient de

78
00:07:06,080 --> 00:07:13,230
la méthode HTTP get

79
00:07:13,230 --> 00:07:17,760
que nous appellerons le côté serveur.

80
00:07:17,760 --> 00:07:21,015
Donc, pour appeler le côté serveur,

81
00:07:21,015 --> 00:07:23,775
je vais devoir fournir,

82
00:07:23,775 --> 00:07:25,395
dans la méthode get,

83
00:07:25,395 --> 00:07:30,750
le baseURL que j'ai

84
00:07:30,750 --> 00:07:36,020
déjà obtenu, puis des plats.

85
00:07:36,020 --> 00:07:44,000
Donc, de cette façon, la méthode HTTP get va obtenir les données de localhost:3000/plats.

86
00:07:44,610 --> 00:07:49,760
Donc, c'est l'URL côté serveur de

87
00:07:49,760 --> 00:07:54,995
que vous pouvez récupérer les données des plats ici. C'est ça.

88
00:07:54,995 --> 00:08:01,430
Mon serveur va fournir les données sous la forme d'un

89
00:08:01,430 --> 00:08:07,660
observable à ce service lorsque la méthode HTTP get est appelée,

90
00:08:07,660 --> 00:08:14,495
et qui sera retournée au composant via la méthode GetDats.

91
00:08:14,495 --> 00:08:19,580
C'est à propos de ça. Maintenant, mon service est configuré pour aller et

92
00:08:19,580 --> 00:08:24,525
récupérer les données du côté serveur, puis retourner les données à mon composant.

93
00:08:24,525 --> 00:08:29,670
Je vais mettre à jour les méthodes restantes aussi de manière similaire.

94
00:08:29,670 --> 00:08:36,230
Donc, ce que je vais faire pour la méthode suivante pour la méthode getDish est,

95
00:08:36,230 --> 00:08:38,760
Je vais copier

96
00:08:39,190 --> 00:08:48,015
cette partie et ensuite simplement la coller en place ici,

97
00:08:48,015 --> 00:08:49,890
et ensuite nous allons l'éditer.

98
00:08:49,890 --> 00:08:54,830
Maintenant, quand vous avez besoin d'obtenir pour un plat particulier,

99
00:08:54,830 --> 00:08:58,865
vous avez l'ID du plat qui est à votre disposition.

100
00:08:58,865 --> 00:09:03,870
Donc, nous dirons que getDish ID est disponible en tant que paramètre.

101
00:09:03,870 --> 00:09:05,745
Donc, à la vaisselle,

102
00:09:05,745 --> 00:09:10,130
Je vais ajouter l'ID comme autre paramètre ici.

103
00:09:10,130 --> 00:09:13,250
Maintenant, quand je reçois la réponse, puis la retourne

104
00:09:13,250 --> 00:09:18,905
au composant via l'appel de méthode getDish.

105
00:09:18,905 --> 00:09:21,470
De même, pour le plat en vedette,

106
00:09:21,470 --> 00:09:26,355
, ce sera une façon un peu intéressante de le configurer.

107
00:09:26,355 --> 00:09:28,945
Maintenant, pour le plat en vedette,

108
00:09:28,945 --> 00:09:32,705
quand vous avez besoin d'accéder aux données du côté serveur,

109
00:09:32,705 --> 00:09:34,785
ce que je vais faire est, maintenant,

110
00:09:34,785 --> 00:09:41,140
quand je demande un plat en vedette, maintenant,

111
00:09:41,140 --> 00:09:45,410
la façon dont mon côté serveur est configuré est que je peux envoyer

112
00:09:45,410 --> 00:09:51,580
un paramètre de requête dans mon URL pour que je puisse dire des plats ?

113
00:09:51,580 --> 00:09:56,615
et puis dire vedette égale à true.

114
00:09:56,615 --> 00:10:00,290
Donc, de cette façon, mon serveur retournera

115
00:10:00,290 --> 00:10:06,840
uniquement les objets pour lesquels le drapeau vedette est défini sur true,

116
00:10:06,840 --> 00:10:09,965
ou la propriété vedette est définie sur true du côté serveur.

117
00:10:09,965 --> 00:10:13,770
Maintenant, c'est ainsi que le côté serveur est configuré.

118
00:10:13,770 --> 00:10:15,670
Maintenant, encore une fois, une fois que vous obtenez les données,

119
00:10:15,670 --> 00:10:20,390
alors vous cartographiez simplement la valeur, puis retournez cela comme

120
00:10:20,390 --> 00:10:25,490
un observable à mon composant grâce à la méthode de plat get featured.

121
00:10:25,490 --> 00:10:30,110
Quand je interroge le côté serveur en utilisant le paramètre query,

122
00:10:30,110 --> 00:10:34,155
il va retourner un tableau d'objets qui correspondent.

123
00:10:34,155 --> 00:10:39,350
Dans ce cas, il se trouve que le tableau contiendra exactement un élément.

124
00:10:39,350 --> 00:10:44,230
Mais quand je retourne la valeur après avoir obtenu le résultat,

125
00:10:44,230 --> 00:10:51,865
j'ai besoin d'inclure également un zéro là parce que c'est un tableau,

126
00:10:51,865 --> 00:10:55,460
donc j'ai besoin de retourner le premier élément du tableau.

127
00:10:55,460 --> 00:11:00,050
Avant d'oublier, permettez-moi d'importer

128
00:11:00,050 --> 00:11:10,770
l'opérateur de carte des opérateurs rxjs.

129
00:11:10,770 --> 00:11:14,200
Maintenant, pour le dernier, GetDishids,

130
00:11:14,200 --> 00:11:17,570
ce que je vais faire est de tirer parti du fait que j'ai déjà

131
00:11:17,570 --> 00:11:27,340
la méthode GetDats à ma disposition.

132
00:11:27,340 --> 00:11:31,705
Donc, quand la méthode getDains revient,

133
00:11:31,705 --> 00:11:37,610
je vais cartographier cela avec l'opérateur de carte

134
00:11:41,280 --> 00:12:00,475
comme dishes.map, dish.dish id.

135
00:12:00,475 --> 00:12:07,105
Donc, de cette façon, je retourne juste la valeur dont j'ai besoin,

136
00:12:07,105 --> 00:12:10,840
juste les ID de plat à travers cette méthode ici.

137
00:12:10,840 --> 00:12:12,765
C'est à propos de ça.

138
00:12:12,765 --> 00:12:19,410
Maintenant, mon service de plat est complètement mis à jour pour aller chercher les données de

139
00:12:19,410 --> 00:12:27,840
le site du serveur et ensuite fournir les données à mes composants dans mon.

140
00:12:27,840 --> 00:12:30,230
Application angulaire ici.

141
00:12:30,230 --> 00:12:31,775
Dans l'étape suivante,

142
00:12:31,775 --> 00:12:34,645
Je vais aller dans le composant de menu.

143
00:12:34,645 --> 00:12:37,085
Ensuite, dans le composant de menu,

144
00:12:37,085 --> 00:12:45,400
, je vais utiliser l'interface d'injection qui est disponible via

145
00:12:45,400 --> 00:12:53,900
le noyau angulaire pour injecter ce baseURL que j'ai obtenu là-bas.

146
00:12:53,900 --> 00:12:56,340
Alors, comment utilisons-nous ça ?

147
00:12:56,340 --> 00:13:00,665
Dans le constructeur de mon composant,

148
00:13:00,665 --> 00:13:03,530
Je vais entrer et dire,

149
00:13:05,520 --> 00:13:12,910
"@Inject" Donc, rappelez-vous que nous avions configuré

150
00:13:12,910 --> 00:13:20,675
cette baseURL comme fournisseur pour cette valeur dans le module d'application plus tôt.

151
00:13:20,675 --> 00:13:27,425
Donc, ce baseURL peut maintenant être injecté dans le composant comme celui-ci ici.

152
00:13:27,425 --> 00:13:29,120
Maintenant, quand vous avez un service,

153
00:13:29,120 --> 00:13:31,170
vous injectez des services comme celui-ci ici,

154
00:13:31,170 --> 00:13:32,875
mais quand vous avez une valeur,

155
00:13:32,875 --> 00:13:38,050
alors vous injectez la valeur en utilisant le décorateur « @Inject ».

156
00:13:38,050 --> 00:13:45,935
Ici, nous spécifions la valeur du fournisseur que nous avons spécifiée là.

157
00:13:45,935 --> 00:13:48,720
Nous avons dit : Provide:BaseUrl là,

158
00:13:48,720 --> 00:13:50,580
donc c'est la valeur que nous fournissons ici.

159
00:13:50,580 --> 00:13:53,470
Alors, je déclare ceci en tant que base privée.

160
00:13:53,470 --> 00:13:55,660
Donc maintenant, dans mon code ici,

161
00:13:55,660 --> 00:14:02,910
cette baseURL est disponible pour configurer tout ce dont j'ai besoin dans mon application ici.

162
00:14:02,910 --> 00:14:04,985
Alors que je suis encore là,

163
00:14:04,985 --> 00:14:14,450
Je vais supprimer ce plat sélectionné qui n'est pas non plus utilisé dans mon application.

164
00:14:15,300 --> 00:14:21,190
Ensuite, cette méthode aussi je n'utilise pas avec mon application,

165
00:14:21,190 --> 00:14:25,085
alors laissez-moi faire un peu de nettoyage pendant que je suis encore là.

166
00:14:25,085 --> 00:14:27,925
La façon dont nous traitons les données que nous avons obtenues

167
00:14:27,925 --> 00:14:30,635
du service restera exactement la même.

168
00:14:30,635 --> 00:14:34,565
Parce que mon service est toujours de retour et observable,

169
00:14:34,565 --> 00:14:38,055
et je m'abonne à l'observable dans ce composant.

170
00:14:38,055 --> 00:14:40,765
Donc, cette partie ne change pas du tout.

171
00:14:40,765 --> 00:14:47,645
Maintenant, la raison pour laquelle j'injecte le baseURL dans mon composant est que,

172
00:14:47,645 --> 00:14:50,935
dans mon modèle ici,

173
00:14:50,935 --> 00:14:53,985
j'obtiens l'image du plat ici.

174
00:14:53,985 --> 00:15:00,625
Maintenant, mais cette image de plat doit être obtenue à partir de mon serveur là-bas,

175
00:15:00,625 --> 00:15:03,270
à partir du serveur JSON là-bas.

176
00:15:03,270 --> 00:15:08,800
Donc, je dois entrer et mettre à jour cette source pour dire,

177
00:15:08,800 --> 00:15:13,020
BaseURL plus l'image de plat.

178
00:15:13,020 --> 00:15:18,180
Donc, j'ai besoin de fournir l'URL complète pour cette image là-bas.

179
00:15:18,180 --> 00:15:26,995
Donc, ça devrait être, httlp ://localhost:3000/images/, peu importe.

180
00:15:26,995 --> 00:15:29,640
Donc, c'est la raison pour laquelle je dois fournir

181
00:15:29,640 --> 00:15:34,605
la valeur baseURL en plus de l'image du plat ici.

182
00:15:34,605 --> 00:15:37,470
Donc, ceci je vais mettre entre guillemets,

183
00:15:37,470 --> 00:15:43,395
donc c'est ainsi qu'une expression comme celle-ci à l'intérieur de l'interpolation fonctionnera correctement.

184
00:15:43,395 --> 00:15:48,935
Donc, placez ceci entre guillemets et indiquez que comme valeur source,

185
00:15:48,935 --> 00:15:54,730
et puis ici vous voyez que vous utilisez baseURL plus l'image du plat,

186
00:15:54,730 --> 00:16:00,725
le dish.image, la propriété image ne contient que l'URL partielle.

187
00:16:00,725 --> 00:16:05,645
Donc, il contient des images slash et image.png nom de fichier.

188
00:16:05,645 --> 00:16:14,640
Donc, c'est pourquoi je dois ajouter le http://localhost:3000/,

189
00:16:14,640 --> 00:16:23,220
à cette propriété d'image de plat afin de construire l'URL totale pour mon image.

190
00:16:23,220 --> 00:16:27,385
Donc, avec cela, mon composant de menu est maintenant complètement configuré

191
00:16:27,385 --> 00:16:32,000
pour obtenir toutes les données du côté serveur.

192
00:16:32,000 --> 00:16:37,100
Maintenant, de même, je vous suggère de mettre à jour

193
00:16:37,100 --> 00:16:43,440
le composant de détail de plat et aussi le composant home.

194
00:16:43,440 --> 00:16:45,790
Aller au composant de détail de plat,

195
00:16:45,790 --> 00:16:48,050
utiliser l'injection là,

196
00:16:48,050 --> 00:16:52,885
et ensuite aller au constructeur,

197
00:16:52,885 --> 00:16:57,685
dans le constructeur, maintenant j'ai besoin d'utiliser

198
00:16:57,685 --> 00:17:13,690
injection de BaseURL et BaseURL là,

199
00:17:13,690 --> 00:17:24,185
et ainsi, mon composant de détail de plat est maintenant mis en place pour obtenir les données du service de plat.

200
00:17:24,185 --> 00:17:26,620
Donc, cette partie ne changera plus,

201
00:17:26,620 --> 00:17:29,780
elle reste exactement la même parce que mon service de vaisselle est tout simplement

202
00:17:29,780 --> 00:17:34,395
retournant un observable et je m'abonne à cet observable ici.

203
00:17:34,395 --> 00:17:40,065
J'ai également besoin de mettre à jour le fichier de modèle des composants de détail du plat,

204
00:17:40,065 --> 00:17:43,310
donc aller de la même façon à la source de l'image ici,

205
00:17:43,310 --> 00:17:52,645
J'ajouterais le baseURL plus l'image du plat et ensuite le mettre dans les citations là.

206
00:17:52,645 --> 00:17:57,565
De même, aller à la composante maison, même chose.

207
00:17:57,565 --> 00:18:02,830
Je vais faire une injection,

208
00:18:02,830 --> 00:18:09,320
et dans le constructeur

209
00:18:10,860 --> 00:18:18,080
je fais une injection de baseURL,

210
00:18:22,380 --> 00:18:27,640
et aller au fichier de modèle de composants maison,

211
00:18:27,640 --> 00:18:33,480
de même où j'utilise l'image du plat ici,

212
00:18:33,480 --> 00:18:39,700
donc je vais dire, baseURL plus l'image du plat,

213
00:18:39,700 --> 00:18:44,815
et puis l'enfermer entre guillemets ici,

214
00:18:44,815 --> 00:18:48,530
, puis enregistrez les modifications.

215
00:18:52,230 --> 00:18:58,805
Alors, c'est tout. Mon application est maintenant mise à jour pour utiliser

216
00:18:58,805 --> 00:19:04,540
le serveur pour obtenir les données pour les plats.

217
00:19:04,540 --> 00:19:09,775
Alors, allons voir l'application dans le navigateur.

218
00:19:09,775 --> 00:19:11,630
Aller au navigateur,

219
00:19:11,630 --> 00:19:14,150
vous pouvez maintenant voir que dans mon navigateur,

220
00:19:14,150 --> 00:19:18,480
mon plat est rendu exactement comme avant,

221
00:19:18,480 --> 00:19:20,920
et ensuite aller au composant de menu,

222
00:19:20,920 --> 00:19:26,380
vous voyez que le menu rend exactement comme avant et le composant de détail plat,

223
00:19:26,380 --> 00:19:31,935
aussi les détails du plat sont rendus exactement comme avant.

224
00:19:31,935 --> 00:19:38,015
Donc, avec le changement que nous avons introduit en accédant aux données du côté serveur,

225
00:19:38,015 --> 00:19:41,075
nous sommes en mesure de récupérer les données du côté serveur et ensuite

226
00:19:41,075 --> 00:19:45,335
rendre les données dans notre application Angular.

227
00:19:45,335 --> 00:19:51,365
Afin de vous convaincre que les données sont effectivement obtenues à partir de mon serveur JSON,

228
00:19:51,365 --> 00:19:58,590
allons au terminal et voyons le journal sur la fenêtre du terminal là-bas.

229
00:19:58,590 --> 00:20:03,620
En allant au terminal où mon serveur JSON est en cours d'exécution,

230
00:20:03,620 --> 00:20:08,625
vous pouvez voir que j'ai effectivement effectué un tas de requêtes Git

231
00:20:08,625 --> 00:20:14,030
à partir de mon site serveur pour obtenir toutes les données dont j'ai besoin dans mon application.

232
00:20:14,030 --> 00:20:20,755
Donc, en effet, mon application Angular récupère maintenant toutes les données de

233
00:20:20,755 --> 00:20:27,850
le site du serveur pour tous les plats dans mon application Angular.

234
00:20:27,850 --> 00:20:31,405
Maintenant, vous pouvez utiliser la même approche pour mettre à jour

235
00:20:31,405 --> 00:20:35,035
le dernier service et aussi le service de promotion,

236
00:20:35,035 --> 00:20:40,200
mais nous allons reporter cela jusqu'à la dernière affectation de ce cours,

237
00:20:40,200 --> 00:20:43,380
mais cela peut compléter cet exercice.

238
00:20:43,380 --> 00:20:46,920
Dans cet exercice, nous avons appris comment utiliser

239
00:20:46,920 --> 00:20:50,420
le client HTTP afin d'obtenir les données de

240
00:20:50,420 --> 00:20:54,595
le site serveur, puis utiliser les données pour construire

241
00:20:54,595 --> 00:20:59,525
les vues dans les composants de notre application Angular.

242
00:20:59,525 --> 00:21:06,000
C'est le bon moment pour vous de faire un commit Git avec le message HTTP première partie.