1
00:00:01,300 --> 00:00:02,640
‫Jonas : Bon retour.

2
00:00:02,640 --> 00:00:05,120
‫Maintenant, configurons enfin Express, créons un serveur

3
00:00:05,120 --> 00:00:08,390
‫simple et effectuons un routage de base juste pour

4
00:00:08,390 --> 00:00:10,300
‫avoir une première idée

5
00:00:10,300 --> 00:00:13,590
‫de la façon dont nous travaillons réellement dans Express.

6
00:00:13,590 --> 00:00:16,230
‫Et donc dans cette vidéo, nous allons en fait

7
00:00:16,230 --> 00:00:19,883
‫commencer à travailler sur le projet natours, donc le gros projet principal qui

8
00:00:19,883 --> 00:00:21,690
‫fait partie de ce cours.

9
00:00:21,690 --> 00:00:23,750
‫Alors, comme avant, allez-y et récupérez

10
00:00:23,750 --> 00:00:27,180
‫le projet de démarrage à partir des fichiers de cours.

11
00:00:27,180 --> 00:00:29,190
‫Je l'ai déjà ici.

12
00:00:29,190 --> 00:00:32,470
‫Je l'ai ouvert dans mon code VS.

13
00:00:32,470 --> 00:00:36,180
‫Jetons un coup d'œil très rapide à ce que nous avons ici.

14
00:00:36,180 --> 00:00:38,270
‫Nous avons le fichier de configuration

15
00:00:38,270 --> 00:00:40,800
‫le plus joli comme nous l'avons configuré comme avant.

16
00:00:40,800 --> 00:00:44,210
‫J'ai également un fichier de configuration pour ESLint, et ESLint que

17
00:00:44,210 --> 00:00:46,894
‫nous n'avons pas configuré à ce stade, mais nous

18
00:00:46,894 --> 00:00:48,250
‫allons le faire

19
00:00:48,250 --> 00:00:50,230
‫également plus tard dans cette section.

20
00:00:50,230 --> 00:00:51,810
‫Pour l'instant, je veux juste

21
00:00:51,810 --> 00:00:54,710
‫commencer à coder et ne pas m'inquiéter de pelucher notre code.

22
00:00:54,710 --> 00:00:57,410
‫Linting est juste pour corriger certaines erreurs.

23
00:00:57,410 --> 00:00:58,930
‫Mais encore une fois, nous allons le faire plus tard.

24
00:00:58,930 --> 00:01:02,170
‫Ici, nous avons juste quelques fichiers pour plus

25
00:01:02,170 --> 00:01:07,170
‫tard, comme des css, des images, d'accord, et maintenant aussi, par exemple, des

26
00:01:07,700 --> 00:01:11,287
‫données dont nous avons besoin pour construire notre application.

27
00:01:11,287 --> 00:01:14,790
‫Encore une fois, nous allons commencer à utiliser ces données ici tout

28
00:01:14,790 --> 00:01:16,330
‫au long de cette section.

29
00:01:16,330 --> 00:01:19,440
‫Quoi qu'il en soit, nous avons maintenant un tout nouveau projet.

30
00:01:19,440 --> 00:01:21,950
‫La première chose que nous faisons habituellement avec un nouveau projet

31
00:01:21,950 --> 00:01:24,410
‫est de créer le package. json, comme

32
00:01:24,410 --> 00:01:26,590
‫je l'ai déjà mentionné.

33
00:01:26,590 --> 00:01:28,453
‫Nous l'avons fait dans le projet

34
00:01:28,453 --> 00:01:31,090
‫nodefarm, et maintenant nous allons le faire ici aussi.

35
00:01:31,090 --> 00:01:32,863
‫J'ouvre le terminal intégré.

36
00:01:34,480 --> 00:01:38,290
‫Vous pouvez le faire en appuyant sur ce raccourci ici ou en venant

37
00:01:38,290 --> 00:01:40,490
‫simplement ici pour Afficher, puis Terminal.

38
00:01:41,710 --> 00:01:44,750
‫Permettez-moi de le mettre un peu pour que vous puissiez le voir.

39
00:01:44,750 --> 00:01:47,510
‫N'oubliez pas que la commande est npm init.

40
00:01:48,927 --> 00:01:51,083
‫Nous avons donné un nom au projet.

41
00:01:53,010 --> 00:01:54,340
‫Ça s'appelle natours.

42
00:01:54,340 --> 00:01:56,540
‫Oh d'accord, il ne peut pas avoir de majuscules.

43
00:01:57,560 --> 00:01:59,000
‫Faisons ça encore.

44
00:01:59,000 --> 00:02:02,190
‫La version est une, description,

45
00:02:02,190 --> 00:02:07,190
‫disons simplement nœud d'apprentissage, express, et mongoDB, mongoDB.

46
00:02:11,930 --> 00:02:13,930
‫Point d'entrée, index. js, en fait,

47
00:02:13,930 --> 00:02:16,400
‫nous allons utiliser app. js maintenant.

48
00:02:16,400 --> 00:02:17,890
‫Appelons ça une application. js.

49
00:02:17,890 --> 00:02:20,820
‫Nous n'avons pas de commande de test, pas de

50
00:02:20,820 --> 00:02:24,633
‫git, pas de mots-clés, l'auteur c'est moi, et c'est tout, alors d'accord.

51
00:02:28,090 --> 00:02:29,533
‫Ici, nous avons le paquet. json.

52
00:02:30,560 --> 00:02:32,393
‫Comme avant, rien de nouveau ici.

53
00:02:33,363 --> 00:02:35,720
‫Il est maintenant temps d'installer Express.

54
00:02:35,720 --> 00:02:38,820
‫Npm j'exprime.

55
00:02:38,820 --> 00:02:40,630
‫Je vais utiliser Express pour

56
00:02:40,630 --> 00:02:42,100
‫ici, qui est sur

57
00:02:42,100 --> 00:02:44,610
‫le point d'enregistrer, la dernière version, mais

58
00:02:44,610 --> 00:02:47,860
‫depuis quelque temps, l'équipe Express travaille sur la version 5.

59
00:02:47,860 --> 00:02:50,170
‫C'est une version majeure qui pourrait

60
00:02:50,170 --> 00:02:53,240
‫introduire des changements de rupture si vous l'installiez.

61
00:02:53,240 --> 00:02:54,750
‫Maintenant, en fait, il n'y

62
00:02:54,750 --> 00:02:57,450
‫a pas beaucoup de choses qui changent dans la version 5,

63
00:02:57,450 --> 00:03:01,170
‫mais pour vous en assurer, veuillez installer Express à la version 4 comme je le fais.

64
00:03:01,170 --> 00:03:05,310
‫Pour ce faire, appuyez simplement sur 4.

65
00:03:05,310 --> 00:03:08,770
‫Cela installera ensuite la dernière version à l'intérieur de 4 avec les dernières versions

66
00:03:08,770 --> 00:03:13,140
‫mineures et patch, donc 4. 16. 4.

67
00:03:14,260 --> 00:03:16,300
‫C'est la version que j'utilise maintenant dans

68
00:03:16,300 --> 00:03:18,630
‫ce cours, et la vôtre sera probablement une

69
00:03:18,630 --> 00:03:21,480
‫version ultérieure, mais tant que vous avez les 4 ici

70
00:03:21,480 --> 00:03:23,330
‫au début, ça devrait aller.

71
00:03:24,563 --> 00:03:26,060
‫Vous voyez qu'il a en

72
00:03:26,060 --> 00:03:28,307
‫fait créé notre dossier de modules de nœuds ici.

73
00:03:28,307 --> 00:03:30,505
‫Maintenant, nous sommes prêts à commencer.

74
00:03:30,505 --> 00:03:35,030
‫Je crée un nouveau fichier et il s'appelle app. js.

75
00:03:35,030 --> 00:03:37,470
‫C'est une sorte de convention d'avoir toute la configuration

76
00:03:37,470 --> 00:03:39,763
‫Express dans l'application. js.

77
00:03:40,949 --> 00:03:42,743
‫C'est ce que j'utilise ici maintenant.

78
00:03:43,860 --> 00:03:45,410
‫Nous avons maintenant l'avertissement qu'il ne

79
00:03:45,410 --> 00:03:46,900
‫peut pas charger ESLint.

80
00:03:46,900 --> 00:03:48,650
‫Encore une fois, nous allons configurer cela plus

81
00:03:48,650 --> 00:03:50,260
‫tard tout au long de cette section.

82
00:03:50,260 --> 00:03:51,903
‫Alors, utilisons maintenant Express.

83
00:03:53,661 --> 00:03:58,661
‫Je vais exiger bien sûr, le forfait Express.

84
00:03:58,670 --> 00:04:00,370
‫Rien de nouveau à ce stade.

85
00:04:00,370 --> 00:04:01,490
‫Donnez-lui un coffre-fort.

86
00:04:01,490 --> 00:04:03,850
‫Vous voyez que l'aperçu a déjà fait sa magie

87
00:04:03,850 --> 00:04:06,170
‫ici en ajoutant ce point-virgule et en ajoutant également

88
00:04:06,170 --> 00:04:07,403
‫cette nouvelle ligne ici.

89
00:04:08,500 --> 00:04:10,840
‫Nous avons importé Express, et maintenant ce que nous

90
00:04:10,840 --> 00:04:13,100
‫faisons est de créer une variable appelée app.

91
00:04:13,100 --> 00:04:14,793
‫Encore une fois, c'est une sorte de norme.

92
00:04:16,540 --> 00:04:20,683
‫Donc application et résultat assigné de l'appel express.

93
00:04:21,577 --> 00:04:23,063
‫C'est en fait ça.

94
00:04:24,290 --> 00:04:26,960
‫Ceci est une fonction qui, lors de

95
00:04:26,960 --> 00:04:30,373
‫l'appel, ajoutera un tas de méthodes à notre variable d'application ici.

96
00:04:31,700 --> 00:04:32,870
‫Le premier que nous allons utiliser

97
00:04:32,870 --> 00:04:34,930
‫est en fait app. écouter

98
00:04:34,930 --> 00:04:36,543
‫pour démarrer un serveur.

99
00:04:38,769 --> 00:04:40,990
‫C'est un peu similaire à ce que

100
00:04:40,990 --> 00:04:44,730
‫nous avons fait auparavant avec le package http dans les sections précédentes, n'est-ce pas.

101
00:04:44,730 --> 00:04:46,500
‫Donc, encore une fois, gardez à

102
00:04:46,500 --> 00:04:49,430
‫l'esprit qu'Express est 100% sans js sous le capot, et

103
00:04:49,430 --> 00:04:50,710
‫certaines des choses

104
00:04:50,710 --> 00:04:53,070
‫fonctionnent de manière très similaire ici dans Express.

105
00:04:53,070 --> 00:04:54,980
‫D'accord, encore une fois, cela nous facilite

106
00:04:54,980 --> 00:04:56,790
‫un peu la vie en

107
00:04:56,790 --> 00:04:58,920
‫nous enlevant une partie de la complexité.

108
00:04:58,920 --> 00:05:00,670
‫Comme avant, dans app. écoutez, nous

109
00:05:00,670 --> 00:05:01,770
‫collons dans le port.

110
00:05:01,770 --> 00:05:05,053
‫Créons en fait une variable pour cela ici avant.

111
00:05:07,170 --> 00:05:09,870
‫Port et disons 3000 pour l'instant.

112
00:05:09,870 --> 00:05:11,820
‫Nous allons changer cela un peu plus tard.

113
00:05:13,930 --> 00:05:16,443
‫Nous collons le port et une fonction de rappel.

114
00:05:17,730 --> 00:05:19,108
‫Encore une fois, c'est

115
00:05:19,108 --> 00:05:21,280
‫la fonction de rappel qui sera appelée dès

116
00:05:21,280 --> 00:05:22,743
‫que le serveur commencera à écouter.

117
00:05:24,490 --> 00:05:27,340
‫Faisons simplement une console. connectez-vous ici, application

118
00:05:27,340 --> 00:05:29,963
‫en cours d'exécution sur le port.

119
00:05:36,770 --> 00:05:38,690
‫D'accord, c'est donc notre serveur qui

120
00:05:38,690 --> 00:05:40,550
‫écoute déjà en fait.

121
00:05:40,550 --> 00:05:43,660
‫Maintenant, ce que nous devons faire ensuite est de définir l'itinéraire.

122
00:05:43,660 --> 00:05:45,320
‫Et encore une fois,

123
00:05:45,320 --> 00:05:47,200
‫nous avons déjà en quelque sorte

124
00:05:47,200 --> 00:05:49,840
‫défini des routes auparavant dans le projet nodefarm,

125
00:05:49,840 --> 00:05:52,770
‫souvenez-vous de cela, mais cela fonctionne très différemment avec Express.

126
00:05:52,770 --> 00:05:54,780
‫N'oubliez pas que le routage

127
00:05:54,780 --> 00:05:57,560
‫signifie essentiellement déterminer comment une application répond

128
00:05:57,560 --> 00:06:01,053
‫à une certaine requête client, donc à une certaine URL.

129
00:06:02,250 --> 00:06:04,030
‫Et en fait, ce n'est pas

130
00:06:04,030 --> 00:06:05,732
‫seulement une URL mais aussi

131
00:06:05,732 --> 00:06:08,280
‫la méthode http qui est utilisée pour cette requête.

132
00:06:08,280 --> 00:06:11,283
‫Rappelez-vous cela de la conférence http que nous avons eue auparavant.

133
00:06:12,370 --> 00:06:14,060
‫Comment fait-on cela?

134
00:06:14,060 --> 00:06:16,570
‫Eh bien, c'est très simple dans Express.

135
00:06:16,570 --> 00:06:19,377
‫Tout ce que nous faisons, c'est app, puis la

136
00:06:19,377 --> 00:06:21,960
‫méthode http à laquelle nous voulons répondre, et

137
00:06:21,960 --> 00:06:23,300
‫commençons par la

138
00:06:23,300 --> 00:06:25,643
‫plus simple qui est get, puis l'URL.

139
00:06:26,630 --> 00:06:30,053
‫Nous spécifions simplement le type d'URL racine ici.

140
00:06:31,880 --> 00:06:34,380
‫Encore une fois, la route est essentiellement

141
00:06:34,380 --> 00:06:36,980
‫l'URL, qui dans ce cas, n'est que cette URL

142
00:06:36,980 --> 00:06:40,513
‫racine et également la méthode http, qui est get dans ce cas.

143
00:06:42,210 --> 00:06:44,100
‫Maintenant, que voulons-nous réellement qu'il se

144
00:06:44,100 --> 00:06:47,570
‫passe lorsque quelqu'un accède à cette URL avec une demande d'obtention ?

145
00:06:47,570 --> 00:06:49,280
‫Eh bien, quoi que

146
00:06:49,280 --> 00:06:51,710
‫nous voulions faire, nous devons le spécifier dans

147
00:06:51,710 --> 00:06:54,758
‫une fonction de rappel, que nous spécifions comme deuxième argument.

148
00:06:54,758 --> 00:06:56,108
‫Nous avons une

149
00:06:58,280 --> 00:07:00,720
‫fonction de rappel comme celle-ci, et

150
00:07:00,720 --> 00:07:03,575
‫cette fonction de rappel peut accepter quelques arguments.

151
00:07:03,575 --> 00:07:05,870
‫La plus basique, et celles

152
00:07:05,870 --> 00:07:10,590
‫dont nous avons généralement toujours besoin sont get request, entity response.

153
00:07:10,590 --> 00:07:13,740
‫À cet égard, c'est encore une fois très similaire à ce

154
00:07:13,740 --> 00:07:16,503
‫que nous avons fait auparavant dans le projet nodefarm.

155
00:07:17,380 --> 00:07:19,280
‫À l'époque, lorsque nous démarrions notre

156
00:07:19,280 --> 00:07:21,380
‫serveur, nous avions également accès à

157
00:07:21,380 --> 00:07:23,210
‫l'objet request et response.

158
00:07:23,210 --> 00:07:26,020
‫Maintenant, ils sont un peu différents ici dans Express.

159
00:07:26,020 --> 00:07:29,364
‫Ils ont beaucoup plus de données et de méthodes

160
00:07:29,364 --> 00:07:32,560
‫sur eux, mais l'idée est exactement la même.

161
00:07:32,560 --> 00:07:34,740
‫Vous voyez donc que les applications

162
00:07:34,740 --> 00:07:37,150
‫Express et donc aussi les applications de nœud

163
00:07:37,150 --> 00:07:39,890
‫d'ailleurs, concernent toutes les demandes et les réponses, simplement

164
00:07:39,890 --> 00:07:42,660
‫parce que c'est ainsi que le Web fonctionne réellement,

165
00:07:42,660 --> 00:07:45,053
‫comme vous l'avez appris dans les sections précédentes.

166
00:07:47,280 --> 00:07:48,360
‫Que voulons-nous faire maintenant ?

167
00:07:48,360 --> 00:07:50,150
‫Eh bien, tout ce que nous voulons faire,

168
00:07:50,150 --> 00:07:51,613
‫c'est renvoyer des données très rapidement.

169
00:07:52,620 --> 00:07:55,122
‫Nous pouvons utiliser l'objet de réponse

170
00:07:55,122 --> 00:07:58,560
‫et à partir de là, nous pouvons utiliser la méthode send

171
00:07:58,560 --> 00:08:01,113
‫et spécifier quelque chose que nous voulons renvoyer.

172
00:08:03,180 --> 00:08:04,823
‫Bonjour du coté serveur.

173
00:08:06,476 --> 00:08:09,700
‫Juste une nouvelle chaîne que nous voulons renvoyer.

174
00:08:09,700 --> 00:08:11,490
‫Nous pouvons également spécifier le code d'état

175
00:08:11,490 --> 00:08:12,580
‫et c'est très simple.

176
00:08:12,580 --> 00:08:15,380
‫Tout ce que nous avons à faire est

177
00:08:15,380 --> 00:08:16,850
‫d'ajouter le statut

178
00:08:16,850 --> 00:08:18,693
‫avant d'envoyer la chaîne au client.

179
00:08:20,200 --> 00:08:23,680
‫La méthode status, et ici, nous

180
00:08:23,680 --> 00:08:25,420
‫spécifions notre code.

181
00:08:25,420 --> 00:08:27,943
‫Et encore une fois, nous allons utiliser 200 pour ok.

182
00:08:29,990 --> 00:08:32,570
‫C'est en fait tout ce que nous avons à faire.

183
00:08:32,570 --> 00:08:34,360
‫Testons cela très

184
00:08:34,360 --> 00:08:36,223
‫rapidement, puis ajoutons-y d'autres éléments.

185
00:08:38,610 --> 00:08:43,610
‫Utilisons l'application nodemon. js.

186
00:08:43,640 --> 00:08:44,850
‫Voyons ce qui se

187
00:08:44,850 --> 00:08:47,420
‫passe et notre application fonctionne sur le port 3000.

188
00:08:47,420 --> 00:08:48,390
‫Super.

189
00:08:48,390 --> 00:08:50,690
‫Et comment testons-nous maintenant cette API ?

190
00:08:50,690 --> 00:08:52,893
‫Eh bien, c'est pourquoi nous avons installé Postman.

191
00:08:54,280 --> 00:08:55,623
‫Ouvrons Postman.

192
00:08:56,560 --> 00:08:59,233
‫En fait, il est toujours là depuis la dernière conférence.

193
00:09:00,450 --> 00:09:02,920
‫Allons de l'avant et

194
00:09:02,920 --> 00:09:06,730
‫supprimons ceci et écrivons l'URL, ou en fait,

195
00:09:06,730 --> 00:09:10,710
‫l'adresse IP de l'hôte local, puis notre port.

196
00:09:10,710 --> 00:09:12,710
‫C'est exactement la même chose que nous avons

197
00:09:12,710 --> 00:09:14,333
‫fait dans le projet nodefarm.

198
00:09:15,680 --> 00:09:17,103
‫Nous touchons juste la racine.

199
00:09:18,060 --> 00:09:19,890
‫On peut écrire le slash ou ça marche

200
00:09:19,890 --> 00:09:21,440
‫tout de même sans rien.

201
00:09:22,300 --> 00:09:24,650
‫Envoyons ceci et en effet, c'est parti.

202
00:09:24,650 --> 00:09:27,070
‫Bonjour du coté serveur.

203
00:09:27,070 --> 00:09:30,030
‫C'est incroyable, ça marche déjà.

204
00:09:30,030 --> 00:09:31,500
‫Juste pour être sûr, nous

205
00:09:31,500 --> 00:09:34,128
‫obtiendrions bien sûr exactement le même résultat dans un navigateur.

206
00:09:34,128 --> 00:09:38,501
‫Si je copie ceci ici, vous verrez le même résultat.

207
00:09:38,501 --> 00:09:40,560
‫Mais encore une fois,

208
00:09:40,560 --> 00:09:45,130
‫nous allons utiliser Postman car cela nous facilite beaucoup les tests d'API.

209
00:09:45,130 --> 00:09:47,330
‫Vous verrez, une fois que nous commencerons vraiment à

210
00:09:47,330 --> 00:09:49,783
‫utiliser de plus en plus de fonctionnalités de cette excellente application.

211
00:09:51,330 --> 00:09:53,800
‫Maintenant, en revenant ici, ajoutons quelques éléments

212
00:09:53,800 --> 00:09:56,270
‫supplémentaires car send renvoie simplement cette chaîne

213
00:09:56,270 --> 00:09:58,860
‫ici au client, mais il est également très

214
00:09:58,860 --> 00:10:01,280
‫facile d'envoyer du json au client.

215
00:10:01,280 --> 00:10:04,853
‫Au lieu d'utiliser send, utilisons en fait json.

216
00:10:06,523 --> 00:10:08,370
‫La méthode json, puis ici, nous

217
00:10:08,370 --> 00:10:10,203
‫pouvons coller un objet.

218
00:10:11,440 --> 00:10:12,540
‫Faisons comme ça.

219
00:10:18,480 --> 00:10:19,980
‫Disons que c'est le message.

220
00:10:22,550 --> 00:10:25,133
‫Et puis juste un autre domaine ici, natours.

221
00:10:29,060 --> 00:10:31,050
‫D'accord, et maintenant vous voyez, cet

222
00:10:31,050 --> 00:10:33,230
‫aperçu ici a automatiquement formaté cela pour nous et

223
00:10:33,230 --> 00:10:35,230
‫ils le veulent également dans une autre ligne.

224
00:10:36,260 --> 00:10:38,560
‫Ah d'accord, il nous manque une virgule ici bien sûr.

225
00:10:39,410 --> 00:10:41,380
‫Mais l'extension de prévisualisation l'a toujours affichée

226
00:10:41,380 --> 00:10:43,250
‫ici pour une raison quelconque.

227
00:10:43,250 --> 00:10:44,350
‫Mais bien sûr, cela n'a pas vraiment d'importance.

228
00:10:44,350 --> 00:10:46,023
‫C'est juste une question de formatage.

229
00:10:47,955 --> 00:10:50,413
‫Voyons ce qui se passe maintenant.

230
00:10:52,840 --> 00:10:55,960
‫Nous avons maintenant notre json bien formaté ici.

231
00:10:55,960 --> 00:10:57,477
‫Nous donne ici toutes ces différentes

232
00:10:57,477 --> 00:10:59,077
‫couleurs pour les clés et pour les valeurs.

233
00:10:59,930 --> 00:11:02,010
‫Ici, nous avons les codes d'état.

234
00:11:02,010 --> 00:11:04,890
‫Ici, nous avons le temps qu'il a fallu pour faire cette demande.

235
00:11:04,890 --> 00:11:07,683
‫Nous avons également la taille de la réponse.

236
00:11:08,620 --> 00:11:11,190
‫On pourrait, par exemple, changer le code ici très facilement.

237
00:11:11,190 --> 00:11:13,973
‫404 n'est pas trouvé, rappelez-vous.

238
00:11:14,830 --> 00:11:19,120
‫Faites-le à nouveau, et vous voyez ici, 404, introuvable.

239
00:11:19,120 --> 00:11:20,110
‫C'est le genre

240
00:11:20,110 --> 00:11:22,020
‫de choses pour lesquelles Postman est vraiment génial.

241
00:11:22,020 --> 00:11:24,893
‫Augmentons en fait la taille de tout cela.

242
00:11:27,930 --> 00:11:31,730
‫Continuons maintenant, ajoutez simplement quelque chose d'autre ici.

243
00:11:31,730 --> 00:11:32,760
‫Juste quelque chose de très facile.

244
00:11:32,760 --> 00:11:34,870
‫N'oubliez pas que tout cela est juste pour

245
00:11:34,870 --> 00:11:37,070
‫le tester, pour nous mouiller les pieds et

246
00:11:37,070 --> 00:11:39,060
‫commencer à acquérir un peu d'expérience.

247
00:11:39,060 --> 00:11:43,233
‫N'oubliez pas qu'il s'agit ici de la méthode http pour la requête.

248
00:11:44,328 --> 00:11:46,900
‫Cette réponse que nous envoyons ici, donc

249
00:11:46,900 --> 00:11:49,040
‫celle-ci ici, n'est envoyée

250
00:11:49,040 --> 00:11:54,040
‫que lorsque cette méthode get est envoyée à notre serveur sur cette URL.

251
00:11:57,180 --> 00:11:58,520
‫Permettez-moi de vous le montrer.

252
00:11:58,520 --> 00:12:00,753
‫Si nous faisons, par exemple, un post.

253
00:12:02,220 --> 00:12:04,420
‫C'est encore une fois très facile avec Postman.

254
00:12:04,420 --> 00:12:07,200
‫Si nous publions un article, nous n'obtiendrons rien.

255
00:12:07,200 --> 00:12:10,490
‫Au lieu de cela, Express renvoie automatiquement ce

256
00:12:10,490 --> 00:12:14,270
‫code html ici qui dit impossible de publier, puis

257
00:12:14,270 --> 00:12:16,260
‫avec un 404, introuvable.

258
00:12:16,260 --> 00:12:18,480
‫C'est parce que nous n'avons aucune

259
00:12:18,480 --> 00:12:22,163
‫route définie pour cette URL et pour cette méthode http.

260
00:12:23,450 --> 00:12:25,493
‫Faisons-le maintenant très rapidement.

261
00:12:28,370 --> 00:12:31,423
‫Alors post, nous voulons la même URL, la requête

262
00:12:34,920 --> 00:12:36,743
‫et l'objet de réponse.

263
00:12:38,810 --> 00:12:41,823
‫Disons simplement res. envoyer, vous pouvez

264
00:12:46,090 --> 00:12:48,723
‫publier sur ce point de terminaison.

265
00:12:52,400 --> 00:12:54,200
‫Juste pour que vous voyiez

266
00:12:54,200 --> 00:12:56,240
‫que c'est ainsi que nous envoyons

267
00:12:56,240 --> 00:12:59,023
‫différentes réponses pour différentes méthodes http dans la requête.

268
00:13:00,800 --> 00:13:03,380
‫Exécutons cela à nouveau, et en effet, vous

269
00:13:03,380 --> 00:13:07,033
‫pouvez publier sur ce point de terminaison avec un code d'état 200.

270
00:13:07,033 --> 00:13:09,110
‫Il s'agit en fait de celui

271
00:13:09,110 --> 00:13:12,395
‫par défaut lorsque nous n'en spécifions aucun dans nos codes.

272
00:13:12,395 --> 00:13:15,610
‫Ici, nous avons 404 qui n'est pas correct.

273
00:13:15,610 --> 00:13:18,610
‫Mais encore une fois, 200 est en fait la valeur par défaut.

274
00:13:18,610 --> 00:13:20,360
‫Une autre chose rapide

275
00:13:20,360 --> 00:13:23,400
‫que je veux vous montrer est qu'en utilisant cette

276
00:13:23,400 --> 00:13:26,000
‫méthode json ici, par exemple, cela définira

277
00:13:26,000 --> 00:13:28,680
‫automatiquement notre type de contenu sur l'application json,

278
00:13:28,680 --> 00:13:31,580
‫alors n'oubliez pas que nous l'avons fait manuellement dans

279
00:13:31,580 --> 00:13:34,800
‫l'application nodefarm lorsque nous avons créé notre API très simple.

280
00:13:34,800 --> 00:13:37,360
‫À l'époque, nous renvoyions également du json, mais

281
00:13:37,360 --> 00:13:39,650
‫nous devions ensuite définir manuellement que le

282
00:13:39,650 --> 00:13:42,360
‫contenu était json afin que le navigateur sache à

283
00:13:42,360 --> 00:13:43,523
‫quoi il s'attendait.

284
00:13:44,550 --> 00:13:47,440
‫Mais Express nous enlève ce travail.

285
00:13:47,440 --> 00:13:48,763
‫Vérifions cela en fait.

286
00:13:50,020 --> 00:13:51,563
‫Retourner pour obtenir.

287
00:13:53,120 --> 00:13:55,760
‫Ici, nous avons nos en-têtes de résultats.

288
00:13:55,760 --> 00:13:57,250
‫Ici, vous voyez que

289
00:13:57,250 --> 00:14:00,040
‫le type de contenu est bien défini sur l'application json.

290
00:14:00,040 --> 00:14:02,100
‫Express envoie alors également automatiquement

291
00:14:02,100 --> 00:14:04,020
‫un tas d'autres en-têtes,

292
00:14:04,020 --> 00:14:08,623
‫par exemple, celui-ci alimenté par Express ou la date ou la connexion.

293
00:14:09,930 --> 00:14:11,880
‫Mais encore une fois, nous allons

294
00:14:11,880 --> 00:14:15,040
‫nous occuper davantage des en-têtes un peu plus tard dans le cours.

295
00:14:15,040 --> 00:14:18,410
‫Ce n'était qu'un exemple très petit et simple ici, mais vous

296
00:14:18,410 --> 00:14:20,320
‫pouvez déjà commencer à comprendre

297
00:14:20,320 --> 00:14:24,240
‫à quel point il est plus facile de faire ce genre de réponses.

298
00:14:24,240 --> 00:14:27,660
‫Pour créer cette route afin de répondre à la demande du client, d'une manière beaucoup

299
00:14:27,660 --> 00:14:31,373
‫plus simple que dans un simple nœud. js.

300
00:14:32,650 --> 00:14:34,390
‫Cela étant dit, dans la

301
00:14:34,390 --> 00:14:36,990
‫vidéo suivante, nous allons tout apprendre sur la création

302
00:14:36,990 --> 00:14:39,930
‫d'API à l'aide de l'architecture reste, afin qu'après cela, nous

303
00:14:39,930 --> 00:14:42,150
‫puissions enfin commencer à créer notre API.