1
00:00:01,150 --> 00:00:03,130
‫Instructeur : Donc, après tout

2
00:00:03,130 --> 00:00:06,850
‫ce temps et tout ce travail pour construire cet énorme projet complet,

3
00:00:06,850 --> 00:00:09,660
‫il est enfin temps de le déployer vraiment sur

4
00:00:09,660 --> 00:00:13,370
‫un serveur Web et de vraiment le partager avec le monde.

5
00:00:13,370 --> 00:00:15,510
‫Ainsi, dans cette vidéo, vous

6
00:00:15,510 --> 00:00:18,467
‫apprendrez à déployer un projet sur Heroku.

7
00:00:20,167 --> 00:00:22,610
‫Et la première chose que nous

8
00:00:22,610 --> 00:00:25,143
‫devons faire est d'installer Heroku sur notre ordinateur.

9
00:00:26,870 --> 00:00:30,427
‫Alors, recherchons simplement Heroku NodeJS.

10
00:00:35,020 --> 00:00:38,050
‫Et donc, ici, nous avons essentiellement

11
00:00:38,050 --> 00:00:41,530
‫un guide de démarrage pour NodeJS avec Heroku,

12
00:00:41,530 --> 00:00:45,000
‫car vous pouvez héberger toutes sortes d'applications sur

13
00:00:45,000 --> 00:00:48,700
‫Heroku comme les applications PHP ou Ruby on Rails.

14
00:00:48,700 --> 00:00:51,190
‫Donc, cela ne fonctionne pas seulement pour NodeJS.

15
00:00:51,190 --> 00:00:54,420
‫Et, nous examinerons Heroku de plus près dans une

16
00:00:54,420 --> 00:00:57,520
‫seconde, mais pour l'instant, commençons simplement par installer

17
00:00:57,520 --> 00:00:59,200
‫ce programme ici.

18
00:00:59,200 --> 00:01:02,630
‫Donc, je suis dans la partie configuration de ce guide ici.

19
00:01:02,630 --> 00:01:05,580
‫Et donc, maintenant, allez-y et installez le

20
00:01:05,580 --> 00:01:08,540
‫programme d'installation pour votre plate-forme, qu'il s'agisse de

21
00:01:08,540 --> 00:01:10,660
‫macOS, Windows ou Linux.

22
00:01:10,660 --> 00:01:14,660
‫Ou, dans ce cas ici, je suppose que cela ne fonctionne que pour Ubuntu.

23
00:01:14,660 --> 00:01:17,270
‫Non, en fait, il est dit ici qu'il

24
00:01:17,270 --> 00:01:19,770
‫est également disponible pour d'autres Linux.

25
00:01:19,770 --> 00:01:22,260
‫Quoi qu'il en soit, veuillez installer

26
00:01:22,260 --> 00:01:24,010
‫la version dont vous

27
00:01:24,010 --> 00:01:27,090
‫avez besoin pour votre ordinateur, puis, en attendant,

28
00:01:27,090 --> 00:01:30,190
‫pendant l'installation, continuez et créez un nouveau compte.

29
00:01:30,190 --> 00:01:32,700
‫Alors, cliquez ici sur

30
00:01:32,700 --> 00:01:36,010
‫S'inscrire, puis ouvrez votre compte Heroku gratuit.

31
00:01:36,010 --> 00:01:38,890
‫Donc, encore un autre compte que vous devez créer.

32
00:01:38,890 --> 00:01:41,640
‫Donc, il y a vraiment beaucoup de

33
00:01:41,640 --> 00:01:45,140
‫comptes différents que vous devez créer pour mener à bien ce

34
00:01:45,140 --> 00:01:49,310
‫projet, mais je suppose que c'est ainsi que fonctionne le développement Web moderne.

35
00:01:49,310 --> 00:01:51,730
‫Quoi qu'il en soit, une fois

36
00:01:51,730 --> 00:01:55,050
‫votre compte créé, jetons un coup d'œil ici sur

37
00:01:55,050 --> 00:01:59,830
‫le site Web Heroku pour avoir un aperçu de ce qu'est cette plate-forme.

38
00:01:59,830 --> 00:02:01,700
‫Ainsi, Heroku est cette

39
00:02:01,700 --> 00:02:04,870
‫plate-forme qui rend vraiment, vraiment facile et sans tracas

40
00:02:04,870 --> 00:02:07,290
‫le déploiement de vos applications Web.

41
00:02:07,290 --> 00:02:10,360
‫Et, encore une fois, ils peuvent utiliser n'importe quelle langue

42
00:02:10,360 --> 00:02:11,650
‫que vous pouvez imaginer.

43
00:02:11,650 --> 00:02:14,600
‫Comme vous le voyez, NodeJS, Ruby

44
00:02:14,600 --> 00:02:17,820
‫on Rails, celui-ci je suppose est Go, ou

45
00:02:17,820 --> 00:02:22,050
‫en fait c'est Java, ou PHP, Python, celui-ci est Go, non?

46
00:02:22,050 --> 00:02:27,050
‫Et donc, toutes sortes d'applications fonctionnent vraiment sur Heroku.

47
00:02:28,380 --> 00:02:30,890
‫Alors, voyons ce qu'ils disent ici.

48
00:02:30,890 --> 00:02:35,163
‫Et, je suppose que ce n'est surtout que du marketing.

49
00:02:36,020 --> 00:02:38,220
‫Donc, rien de trop intéressant ici.

50
00:02:38,220 --> 00:02:40,660
‫Mais, bien sûr, vous pouvez jeter un œil

51
00:02:40,660 --> 00:02:42,550
‫ici à tous ces différents manuels.

52
00:02:42,550 --> 00:02:45,690
‫Et, en fait, il est gratuit de commencer avec

53
00:02:45,690 --> 00:02:47,900
‫Heroku sur une application vraiment basique.

54
00:02:47,900 --> 00:02:51,120
‫Mais, bien sûr, une fois que vous aurez commencé à augmenter votre

55
00:02:51,120 --> 00:02:53,083
‫niveau, vous devrez commencer à payer.

56
00:02:54,400 --> 00:02:56,470
‫Mais, ici, la version gratuite, comme vous pouvez

57
00:02:56,470 --> 00:02:59,600
‫le voir, est livrée avec toutes les fonctionnalités de base de la plate-forme.

58
00:02:59,600 --> 00:03:01,820
‫Vous pouvez même ajouter des domaines personnalisés.

59
00:03:01,820 --> 00:03:03,800
‫Mais, le seul problème avec

60
00:03:03,800 --> 00:03:06,550
‫cela est que l'application va fondamentalement dormir, donc,

61
00:03:06,550 --> 00:03:08,210
‫fondamentalement, après 30 minutes

62
00:03:08,210 --> 00:03:10,283
‫sans que personne n'accède à l'application.

63
00:03:11,760 --> 00:03:13,460
‫Mais, de toute façon, vous pouvez

64
00:03:13,460 --> 00:03:15,660
‫jeter un œil à tout cela par vous-même.

65
00:03:15,660 --> 00:03:18,870
‫Donc, revenons maintenant à notre projet ici.

66
00:03:18,870 --> 00:03:21,430
‫Et, pour commencer le processus de déploiement,

67
00:03:21,430 --> 00:03:25,300
‫commençons par nous connecter à Heroku sur notre ligne de commande.

68
00:03:25,300 --> 00:03:28,370
‫Et cela va fonctionner grâce à l'installation que nous venons

69
00:03:28,370 --> 00:03:29,367
‫de faire.

70
00:03:30,290 --> 00:03:32,970
‫Très bien, laissons-lui un peu plus d'espace ici.

71
00:03:32,970 --> 00:03:36,763
‫Nettoyez cela et écrivez maintenant la connexion heroku.

72
00:03:40,060 --> 00:03:43,350
‫Donc, si votre installation Heroku a réussi, en tapant

73
00:03:43,350 --> 00:03:47,410
‫heroku login, vous devriez voir ce message ici, appuyez sur n'importe

74
00:03:47,410 --> 00:03:50,100
‫quelle touche pour ouvrir le navigateur.

75
00:03:50,100 --> 00:03:52,890
‫Donc, appuyez simplement sur n'importe quelle touche, comme il est

76
00:03:52,890 --> 00:03:55,663
‫dit, à l'exception de Q car cela quittera l'application.

77
00:03:57,270 --> 00:04:00,880
‫Et donc, cela va alors ouvrir une fenêtre pour vous où

78
00:04:00,880 --> 00:04:02,243
‫vous pouvez vous connecter.

79
00:04:04,690 --> 00:04:07,250
‫Et, après cela, comme par magie,

80
00:04:07,250 --> 00:04:11,110
‫vous serez connecté à Heroku dans votre ligne de commande.

81
00:04:11,110 --> 00:04:13,650
‫Donc, cela devrait probablement prendre un peu et

82
00:04:14,490 --> 00:04:17,230
‫parfois, cela ne fonctionne même pas du premier coup.

83
00:04:17,230 --> 00:04:19,090
‫Donc, en fait, cela m'est déjà arrivé.

84
00:04:19,090 --> 00:04:20,873
‫Et donc, appuyez simplement sur le contrôle C.

85
00:04:22,990 --> 00:04:26,680
‫Et donc, sur un Mac, c'est vraiment le contrôle C, pas la commande C.

86
00:04:26,680 --> 00:04:28,163
‫Et. Essayons encore.

87
00:04:29,370 --> 00:04:33,493
‫Appuyez sur n'importe quelle touche, revenez au navigateur, reconnectez-vous.

88
00:04:35,980 --> 00:04:38,750
‫Revenez en arrière, et ainsi c'est fait.

89
00:04:38,750 --> 00:04:42,480
‫Donc, vous voyez, maintenant je suis connecté avec mon adresse e-mail.

90
00:04:42,480 --> 00:04:44,890
‫Donc, encore une fois, ce n'était pas la

91
00:04:44,890 --> 00:04:47,920
‫première fois que cela ne fonctionnait pas pour moi la première fois.

92
00:04:47,920 --> 00:04:49,500
‫Et donc, si cela

93
00:04:49,500 --> 00:04:53,120
‫vous est arrivé, alors faites-le exactement comme je l'ai fait ici.

94
00:04:53,120 --> 00:04:55,130
‫Quoi qu'il en soit, maintenant, avec

95
00:04:55,130 --> 00:04:57,660
‫cela, nous sommes connectés à Heroku ici dans

96
00:04:57,660 --> 00:05:00,993
‫notre console et nous devrions donc maintenant pouvoir créer un nouveau projet.

97
00:05:02,360 --> 00:05:05,560
‫Maintenant, avant de faire cela, nous devons en fait changer

98
00:05:05,560 --> 00:05:10,480
‫quelque chose dans notre package NPM. fichier json.

99
00:05:10,480 --> 00:05:11,650
‫Alors, celui-ci.

100
00:05:11,650 --> 00:05:13,760
‫Et c'est parce que Heroku

101
00:05:13,760 --> 00:05:17,810
‫utilise en fait notre commande de démarrage ici pour démarrer notre application.

102
00:05:17,810 --> 00:05:22,040
‫Maintenant, en production, nous ne voulons pas utiliser nodemon ici.

103
00:05:22,040 --> 00:05:23,870
‫Nous voulons simplement exécuter notre

104
00:05:23,870 --> 00:05:26,920
‫application à l'aide de la commande node et non

105
00:05:26,920 --> 00:05:29,950
‫de nodemon car celle-ci est uniquement destinée au développement.

106
00:05:29,950 --> 00:05:32,970
‫Et donc, changeons cela et je dupliquerai cette ligne, puis

107
00:05:33,937 --> 00:05:35,587
‫nous appellerons celle-ci dev.

108
00:05:36,450 --> 00:05:38,953
‫Et puis, celui de départ ne sera que node.

109
00:05:40,690 --> 00:05:43,810
‫Donc, encore une fois, dans votre colis. json, vous devriez

110
00:05:43,810 --> 00:05:46,890
‫toujours avoir ce script de démarrage comme celui-ci.

111
00:05:46,890 --> 00:05:49,773
‫Donc, la commande node puis votre point d'entrée.

112
00:05:50,610 --> 00:05:53,920
‫Maintenant, il est également important pour

113
00:05:53,920 --> 00:05:57,490
‫Heroku que vous spécifiiez ces moteurs ici.

114
00:05:57,490 --> 00:05:59,670
‫Et donc, nous l'avons fait avant,

115
00:05:59,670 --> 00:06:01,720
‫je pense, parce qu'un

116
00:06:01,720 --> 00:06:05,230
‫package, ou en fait parce qu'ESLint l'exigeait pour fonctionner correctement.

117
00:06:05,230 --> 00:06:07,440
‫Mais, si nous ne l'avions pas défini

118
00:06:07,440 --> 00:06:11,213
‫à l'époque, eh bien, nous aurions besoin de le définir vraiment à ce stade.

119
00:06:12,610 --> 00:06:14,550
‫Maintenant, puisque nous avons

120
00:06:14,550 --> 00:06:18,353
‫modifié ce fichier, nous devons maintenant valider ces modifications dans

121
00:06:19,200 --> 00:06:24,200
‫notre référentiel, alors git add package. json ici.

122
00:06:24,560 --> 00:06:25,693
‫Et puis, git commit.

123
00:06:31,820 --> 00:06:34,323
‫Et puis, avec un message de commit utile.

124
00:06:37,652 --> 00:06:39,660
‫Maintenant, une autre chose qui est vraiment importante

125
00:06:39,660 --> 00:06:42,640
‫lorsque vous déployez une application sur Heroku est que vous écoutez

126
00:06:42,640 --> 00:06:46,543
‫le port au processus. env. PORT.

127
00:06:47,580 --> 00:06:52,580
‫Donc, ici même dans le serveur, nous le faisons ici.

128
00:06:54,500 --> 00:06:59,100
‫Ainsi, nous spécifions la variable de port comme process. env. PORT.

129
00:06:59,100 --> 00:07:02,460
‫Et donc, encore une fois, sur Heroku, c'est absolument obligatoire car

130
00:07:02,460 --> 00:07:04,850
‫sinon, cela ne fonctionnera pas du tout.

131
00:07:04,850 --> 00:07:07,010
‫Donc, si ici, par exemple, nous

132
00:07:07,010 --> 00:07:10,130
‫venons de spécifier un port aléatoire, comme 3000

133
00:07:10,130 --> 00:07:11,780
‫ici, alors cela

134
00:07:13,035 --> 00:07:15,050
‫ne fonctionnerait vraiment pas et

135
00:07:15,050 --> 00:07:18,730
‫c'est parce qu'en coulisse, Heroku affectera en fait un port

136
00:07:18,730 --> 00:07:20,780
‫aléatoire à cette variable d'environnement.

137
00:07:20,780 --> 00:07:23,270
‫Mais, un peu plus à ce sujet dans

138
00:07:24,310 --> 00:07:26,320
‫une seconde car maintenant, nous

139
00:07:26,320 --> 00:07:28,780
‫sommes vraiment prêts à faire le déploiement réel.

140
00:07:28,780 --> 00:07:31,890
‫Et, pour ce faire, nous créons un tout nouveau projet Heroku

141
00:07:31,890 --> 00:07:33,420
‫dans notre dossier de projet.

142
00:07:33,420 --> 00:07:36,830
‫Donc, assurez-vous que vous êtes vraiment dans votre dossier racine,

143
00:07:36,830 --> 00:07:38,700
‫puis, une fois que

144
00:07:38,700 --> 00:07:42,240
‫vous êtes sûr d'y être et que vous êtes connecté

145
00:07:42,240 --> 00:07:46,943
‫à Heroku, ce que nous avons fait auparavant, vous pouvez alors écrire heroku create.

146
00:07:48,160 --> 00:07:52,000
‫Et cela créera alors une nouvelle application avec un

147
00:07:52,000 --> 00:07:53,890
‫nom complètement aléatoire.

148
00:07:53,890 --> 00:07:57,060
‫Donc, dans mon cas, c'est radiant-springs et ensuite

149
00:07:57,060 --> 00:07:59,320
‫ce numéro, mais votre application

150
00:07:59,320 --> 00:08:02,350
‫aura bien sûr un nom complètement différent.

151
00:08:02,350 --> 00:08:04,020
‫Maintenant, cela a

152
00:08:04,020 --> 00:08:06,580
‫en fait créé une nouvelle branche distante

153
00:08:06,580 --> 00:08:08,290
‫dans notre référentiel Git.

154
00:08:08,290 --> 00:08:10,500
‫Et, cette branche s'appelle heroku.

155
00:08:10,500 --> 00:08:14,090
‫Alors, rappelez-vous comment auparavant, dans l'une des conférences précédentes, nous

156
00:08:14,090 --> 00:08:17,150
‫avons ajouté une branche distante pointant vers GitHub

157
00:08:17,150 --> 00:08:19,263
‫et cette branche s'appelait origin.

158
00:08:20,160 --> 00:08:23,530
‫Et donc, nous avons ensuite poussé notre code vers

159
00:08:23,530 --> 00:08:27,423
‫cette branche distante en utilisant git push origin master, donc comme ça.

160
00:08:29,090 --> 00:08:30,320
‫Vous vous en souvenez ?

161
00:08:30,320 --> 00:08:31,610
‫Et donc, maintenant, comme

162
00:08:31,610 --> 00:08:35,040
‫je l'ai mentionné, nous avons une nouvelle branche distante ici, qui s'appelle heroku.

163
00:08:35,040 --> 00:08:38,420
‫Et donc, vraiment, le processus de déploiement de notre application

164
00:08:38,420 --> 00:08:41,960
‫est aussi simple que de pousser notre code vers cette branche distante.

165
00:08:41,960 --> 00:08:46,740
‫Alors, git push heroku master.

166
00:08:46,740 --> 00:08:49,450
‫Et, il doit vraiment s'agir de la branche principale.

167
00:08:49,450 --> 00:08:53,033
‫C'est la seule branche pour laquelle ce déploiement fonctionne.

168
00:08:53,870 --> 00:08:55,580
‫Mais, dans notre cas, comme vous

169
00:08:55,580 --> 00:08:57,700
‫le voyez ici, nous sommes en fait dans

170
00:08:57,700 --> 00:09:01,823
‫notre branche master et vous pouvez également le voir ici dans le coin de VS Code.

171
00:09:03,020 --> 00:09:04,690
‫Et donc, ce n'est pas un problème.

172
00:09:04,690 --> 00:09:06,670
‫Alors, exécutons maintenant cette commande,

173
00:09:06,670 --> 00:09:08,780
‫qui devrait alors prendre un certain

174
00:09:08,780 --> 00:09:11,580
‫temps car, bien sûr, elle téléchargera tous vos fichiers

175
00:09:11,580 --> 00:09:14,323
‫qui se trouvent dans le référentiel jusqu'à Heroku.

176
00:09:18,330 --> 00:09:22,340
‫Et maintenant, vous voyez tout ce processus ici en cours et donc

177
00:09:22,340 --> 00:09:23,327
‫ce que

178
00:09:23,327 --> 00:09:26,640
‫cela fait, c'est qu'il installe en fait toutes nos dépendances

179
00:09:26,640 --> 00:09:28,380
‫ici dans notre nouvelle application.

180
00:09:28,380 --> 00:09:30,357
‫Donc, dans notre application qui est maintenant sur Heroku.

181
00:09:33,500 --> 00:09:35,970
‫Alors, attendons que cela soit fait

182
00:09:35,970 --> 00:09:39,153
‫et je vous reverrai lorsque ce processus sera terminé.

183
00:09:40,470 --> 00:09:42,270
‫Et voilà, c'est fait.

184
00:09:42,270 --> 00:09:46,350
‫Donc, j'espère que vous avez reçu le message, Vérification du déploiement... Fini.

185
00:09:46,350 --> 00:09:50,610
‫Donc, vous voyez, le lancement, et cela signifie vraiment que

186
00:09:50,610 --> 00:09:53,320
‫notre application est maintenant déployée sur Heroku

187
00:09:53,320 --> 00:09:55,023
‫sur cette URL.

188
00:09:56,240 --> 00:09:58,770
‫Donc, vous voyez la construction réussir.

189
00:09:58,770 --> 00:10:01,920
‫Et, vraiment, tous ces messages dont

190
00:10:01,920 --> 00:10:04,190
‫j'ai déjà parlé avant.

191
00:10:04,190 --> 00:10:06,810
‫Et donc, maintenant, pour ouvrir

192
00:10:06,810 --> 00:10:09,703
‫notre application, il suffit d'écrire heroku open.

193
00:10:11,240 --> 00:10:13,750
‫Maintenant, nous ne nous attendons pas à ce

194
00:10:13,750 --> 00:10:16,250
‫que cela fonctionne pour l'instant car toutes nos

195
00:10:16,250 --> 00:10:17,620
‫variables d'environnement ne

196
00:10:18,670 --> 00:10:22,780
‫sont en fait pas définies car nous avons exclu ce fichier de configuration

197
00:10:22,780 --> 00:10:24,163
‫ici de notre référentiel Git.

198
00:10:25,560 --> 00:10:27,420
‫Mais, encore, juste pour

199
00:10:27,420 --> 00:10:30,720
‫le plaisir, essayons en fait d'ouvrir notre application.

200
00:10:30,720 --> 00:10:34,450
‫Et donc, en effet, cela ouvre notre URL, dans ce

201
00:10:34,450 --> 00:10:38,517
‫cas, à radiant-springs-85848. herokuapp. com.

202
00:10:41,100 --> 00:10:44,950
‫Donc, en gros, c'est le sous-domaine de Heroku.

203
00:10:44,950 --> 00:10:46,730
‫Et donc, encore une fois, comme

204
00:10:46,730 --> 00:10:49,320
‫prévu, nous avons en fait eu une erreur ici.

205
00:10:49,320 --> 00:10:52,430
‫Et, encore une fois, c'est parce que nos variables d'environnement

206
00:10:52,430 --> 00:10:55,030
‫ne sont, à ce stade, pas encore définies.

207
00:10:55,030 --> 00:10:57,730
‫Maintenant, nous pouvons également jeter un œil à

208
00:10:57,730 --> 00:10:59,850
‫ces erreurs dans les journaux Heroku.

209
00:10:59,850 --> 00:11:02,140
‫Alors, laissez-moi vous montrer cela aussi.

210
00:11:02,140 --> 00:11:06,023
‫Donc, les journaux heroku --tail.

211
00:11:07,710 --> 00:11:11,313
‫Donc, ici, vous voyez que l'état est passé de stockage à planté, alors

212
00:11:13,100 --> 00:11:15,130
‫voyons ce que nous avons ici.

213
00:11:15,130 --> 00:11:17,170
‫En fait, vous voyez le message d'erreur

214
00:11:17,170 --> 00:11:18,930
‫que nous avons créé nous-mêmes ici.

215
00:11:18,930 --> 00:11:21,530
‫Alors, UNCAUGHT EXECEPTION avec cet emoji,

216
00:11:21,530 --> 00:11:23,060
‫puis Shuting down...

217
00:11:27,320 --> 00:11:28,700
‫Et, vous voyez

218
00:11:28,700 --> 00:11:31,980
‫ici, Impossible de lire la propriété « remplacer » d'undefined.

219
00:11:31,980 --> 00:11:35,170
‫Et donc, encore une fois, c'est parce que les variables d'environnement

220
00:11:35,170 --> 00:11:37,510
‫ne sont pas définies à ce stade.

221
00:11:37,510 --> 00:11:41,053
‫Alors, quittons ces journaux ici, encore une fois, avec le contrôle C.

222
00:11:42,860 --> 00:11:44,810
‫Et donc, maintenant, définissons

223
00:11:44,810 --> 00:11:46,800
‫réellement ces variables d'environnement afin

224
00:11:46,800 --> 00:11:48,790
‫de faire fonctionner notre application.

225
00:11:48,790 --> 00:11:50,060
‫Et pour

226
00:11:50,060 --> 00:11:52,740
‫cela, nous spécifions chaque variable d'environnement à

227
00:11:52,740 --> 00:11:54,960
‫l'aide d'une commande spéciale Heroku.

228
00:11:54,960 --> 00:11:58,080
‫Ainsi, Heroku et les autres plates-formes d'hébergement n'utilisent pas

229
00:11:58,080 --> 00:12:01,000
‫de fichier . env comme nous l'avons

230
00:12:01,000 --> 00:12:03,793
‫fait ici en développement pour toutes nos variables de configuration.

231
00:12:05,160 --> 00:12:09,560
‫Donc, encore une fois, ici en développement, nous utilisons cette config. env pour mettre nos

232
00:12:09,560 --> 00:12:11,560
‫variables d'environnement.

233
00:12:11,560 --> 00:12:13,730
‫Mais, ici dans Heroku, nous allons les définir

234
00:12:13,730 --> 00:12:14,830
‫d'une manière différente.

235
00:12:14,830 --> 00:12:16,610
‫Mais, dans notre code, tout ce que

236
00:12:16,610 --> 00:12:18,543
‫nous avons fonctionne exactement de la même manière.

237
00:12:19,856 --> 00:12:22,120
‫Commençons donc par la variable

238
00:12:22,120 --> 00:12:24,650
‫NODE_ENV que nous devons définir sur production.

239
00:12:24,650 --> 00:12:29,650
‫Et donc, nous le faisons en disant heroku config:set puis

240
00:12:32,390 --> 00:12:36,160
‫le nom de la variable, NODE_ENV=production.

241
00:12:40,930 --> 00:12:43,780
‫Et, en fait, cette variable NODE_ENV est

242
00:12:43,780 --> 00:12:47,220
‫en fait définie par défaut sur la production par Heroku.

243
00:12:47,220 --> 00:12:49,980
‫Mais, tout de même, assurons-nous à 100%

244
00:12:49,980 --> 00:12:52,240
‫que cela reste vraiment ainsi,

245
00:12:52,240 --> 00:12:54,760
‫même si Heroku change quelque chose.

246
00:12:54,760 --> 00:12:57,440
‫Donc, vraiment, pour être sûr, continuons de le faire

247
00:12:57,440 --> 00:13:00,610
‫car, comme nous le savons, une grande partie de notre code

248
00:13:00,610 --> 00:13:03,130
‫dépend en fait de cette variable et

249
00:13:03,130 --> 00:13:07,310
‫cela peut également permettre aux applications Node de s'exécuter jusqu'à trois fois plus rapidement.

250
00:13:07,310 --> 00:13:09,430
‫Je pense que nous en avons déjà parlé.

251
00:13:09,430 --> 00:13:12,610
‫D'où l'importance de mettre NODE_ENV en production.

252
00:13:12,610 --> 00:13:15,913
‫Mais, de toute façon, c'est une bonne chose de le faire réellement.

253
00:13:16,810 --> 00:13:18,950
‫Donc, appuyez simplement sur retour et

254
00:13:18,950 --> 00:13:21,400
‫il définira ensuite cette variable d'environnement

255
00:13:21,400 --> 00:13:22,980
‫et redémarrera l'application.

256
00:13:22,980 --> 00:13:25,500
‫Et donc, maintenant, tout ce que nous

257
00:13:25,500 --> 00:13:27,640
‫avons à faire est de

258
00:13:27,640 --> 00:13:30,580
‫le faire pour toutes les variables d'environnement pertinentes.

259
00:13:30,580 --> 00:13:34,490
‫Donc, nous avons fait NODE_ENV, maintenant, le port, nous ne le définirons

260
00:13:34,490 --> 00:13:36,360
‫pas car, comme je l'ai

261
00:13:36,360 --> 00:13:38,380
‫mentionné précédemment, Heroku affectera en fait,

262
00:13:38,380 --> 00:13:41,533
‫dans les coulisses, un port aléatoire à notre application.

263
00:13:42,470 --> 00:13:44,913
‫Et donc, ajoutons ensuite la base de données.

264
00:13:46,390 --> 00:13:48,290
‫Et, en fait, copions tout cela.

265
00:13:52,550 --> 00:13:54,000
‫Et puis, collez-le ici.

266
00:13:54,940 --> 00:13:56,960
‫Et, cela n'a pas vraiment fonctionné,

267
00:13:56,960 --> 00:13:59,260
‫alors essayons cela avec quelques citations ici peut-être.

268
00:14:04,170 --> 00:14:06,580
‫Oui, ça a l'air beaucoup mieux.

269
00:14:06,580 --> 00:14:09,380
‫Ensuite, le mot de passe de la base de données.

270
00:14:10,853 --> 00:14:12,520
‫Clarifions-le ici.

271
00:14:18,667 --> 00:14:20,334
‫Ensuite, le secret.

272
00:14:24,720 --> 00:14:26,253
‫Alors, juste comme ça.

273
00:14:30,587 --> 00:14:34,263
‫Et donc, c'est un peu ennuyeux de le faire pour tous,

274
00:14:35,740 --> 00:14:38,160
‫mais bon, on n'a qu'à le faire

275
00:14:38,160 --> 00:14:40,853
‫une fois, donc ce n'est pas vraiment grave.

276
00:14:43,981 --> 00:14:46,710
‫Maintenant, nous avons également besoin de celui-ci ici

277
00:14:48,020 --> 00:14:51,070
‫car tout cela ici est juste pour mailtrap et

278
00:14:51,070 --> 00:14:54,190
‫nous n'en avons pas besoin en production car rappelez-vous que

279
00:14:54,190 --> 00:14:56,950
‫lorsque nous sommes en production, tous nos e-mails

280
00:14:56,950 --> 00:15:00,300
‫sont en fait envoyés à l'aide de SENDGRID et non

281
00:15:00,300 --> 00:15:02,230
‫plus à l'aide de mailtrap.

282
00:15:02,230 --> 00:15:04,270
‫Et donc, dans notre application Heroku,

283
00:15:04,270 --> 00:15:06,563
‫nous n'en avons pas besoin pour les variables.

284
00:15:07,520 --> 00:15:09,773
‫Mais, nous avons besoin de l'e-mail de.

285
00:15:13,520 --> 00:15:15,163
‫Alors, c'est notre prochain.

286
00:15:17,820 --> 00:15:19,960
‫Ensuite, nous devons SENDGRID_USERNAME ainsi que

287
00:15:26,670 --> 00:15:28,333
‫le mot de passe.

288
00:15:37,330 --> 00:15:40,963
‫Et enfin, notre clé secrète à rayures.

289
00:15:46,320 --> 00:15:48,130
‫Et, avec cela, je

290
00:15:48,130 --> 00:15:51,530
‫pense que nous avons toutes nos variables pertinentes définies ici.

291
00:15:51,530 --> 00:15:55,653
‫Et donc, essayons à nouveau, heroku ouvert.

292
00:15:59,850 --> 00:16:04,850
‫Et ça a l'air parfait, magnifique.

293
00:16:04,960 --> 00:16:08,200
‫Donc, vraiment, notre application est maintenant déployée sur

294
00:16:08,200 --> 00:16:12,610
‫des ressorts radiants ou tout ce que vous avez dans votre cas

295
00:16:12,610 --> 00:16:15,343
‫et tout semble fonctionner à merveille.

296
00:16:16,300 --> 00:16:18,083
‫Donc, toutes nos images sont ici.

297
00:16:19,050 --> 00:16:22,393
‫Jetons un coup d'œil à une seule page ici aussi.

298
00:16:25,280 --> 00:16:29,500
‫Et, en effet, tout cela fonctionne à merveille.

299
00:16:29,500 --> 00:16:31,333
‫Ainsi, notre carte apparaît également.

300
00:16:34,190 --> 00:16:37,850
‫Et oui, ça a l'air de bien fonctionner.

301
00:16:37,850 --> 00:16:41,970
‫Et, le fait que tout cela fonctionne de manière si transparente montre

302
00:16:41,970 --> 00:16:43,360
‫également la beauté

303
00:16:43,360 --> 00:16:46,550
‫d'avoir une base de données hébergée tout le temps,

304
00:16:46,550 --> 00:16:48,690
‫même pendant le développement, car

305
00:16:48,690 --> 00:16:50,910
‫peu importe que nous soyons en

306
00:16:50,910 --> 00:16:54,890
‫développement ou en production, notre base de données continue de fonctionner.

307
00:16:54,890 --> 00:16:57,360
‫Donc, si nous avions utilisé une base

308
00:16:57,360 --> 00:17:00,030
‫de données locale, alors maintenant, nous aurions dû exporter

309
00:17:00,030 --> 00:17:03,890
‫toutes les données de cette base de données locale, puis créer une base de

310
00:17:03,890 --> 00:17:07,600
‫données hébergée et télécharger toutes les données sur cette base de données hébergée.

311
00:17:07,600 --> 00:17:10,460
‫Et donc, cela créerait, bien sûr, une étape supplémentaire

312
00:17:10,460 --> 00:17:12,160
‫et du travail supplémentaire.

313
00:17:12,160 --> 00:17:15,340
‫Et, encore une fois, avec ça, ça marche.

314
00:17:15,340 --> 00:17:19,210
‫Donc, c'est une très belle expérience de développeur là-bas.

315
00:17:19,210 --> 00:17:22,743
‫Voyons donc si nous pouvons également nous connecter ici,

316
00:17:23,830 --> 00:17:26,370
‫ce qui devrait bien sûr être possible

317
00:17:26,370 --> 00:17:28,900
‫avec laura@exemple 2, 3, 4.

318
00:17:34,700 --> 00:17:36,313
‫Et, il semble que oui.

319
00:17:39,697 --> 00:17:40,823
‫Si beau.

320
00:17:41,960 --> 00:17:45,353
‫Voyons si toutes nos tournées de livres sont toujours là, mais

321
00:17:46,470 --> 00:17:48,440
‫pourquoi ne le feraient-elles pas ?

322
00:17:48,440 --> 00:17:51,270
‫Et, effectivement, eh bien, c'est en fait un seul,

323
00:17:51,270 --> 00:17:53,373
‫mais, en effet, il est ici.

324
00:17:54,460 --> 00:17:58,100
‫Alors, super, c'est absolument fantastique.

325
00:17:58,100 --> 00:18:00,420
‫Et maintenant, jetons un coup d'œil

326
00:18:00,420 --> 00:18:02,763
‫rapide à notre tableau de bord Heroku.

327
00:18:07,270 --> 00:18:09,293
‫Alors, ici, ouvrons Heroku.

328
00:18:11,010 --> 00:18:12,343
‫Fermez ces deux.

329
00:18:14,120 --> 00:18:16,390
‫Et donc, puisque nous nous sommes

330
00:18:16,390 --> 00:18:19,810
‫connectés précédemment ici, cela devrait nous amener automatiquement au tableau de

331
00:18:19,810 --> 00:18:23,060
‫bord et ce tableau de bord vous montrera alors, par

332
00:18:23,060 --> 00:18:26,210
‫défaut, toutes les applications que vous avez actuellement déployées.

333
00:18:26,210 --> 00:18:28,800
‫Et donc, celui que nous venons de

334
00:18:28,800 --> 00:18:30,970
‫déployer est ce radiant-springs ici.

335
00:18:30,970 --> 00:18:33,260
‫Alors, ouvrons celui-là.

336
00:18:33,260 --> 00:18:34,390
‫Ensuite, ici, sur le

337
00:18:34,390 --> 00:18:36,180
‫côté droit, vous pouvez voir toute l'activité.

338
00:18:36,180 --> 00:18:39,390
‫Par exemple, définir toutes ces variables de configuration que

339
00:18:39,390 --> 00:18:41,040
‫nous venons de faire.

340
00:18:41,040 --> 00:18:45,810
‫Vous avez vos ressources et beaucoup d'entre elles ne sont intéressantes que si

341
00:18:45,810 --> 00:18:47,920
‫vous avez un dyno payant.

342
00:18:47,920 --> 00:18:50,390
‫Et, un dyno n'est en fait que le

343
00:18:50,390 --> 00:18:53,340
‫terme utilisé par Heroku pour désigner un conteneur dans

344
00:18:53,340 --> 00:18:54,913
‫lequel votre application s'exécute.

345
00:18:56,366 --> 00:18:58,390
‫Donc, nous avons quelques métriques où nous

346
00:18:58,390 --> 00:19:01,410
‫pouvons voir qui accède à l'application, mais, encore une fois, cela

347
00:19:01,410 --> 00:19:03,250
‫ne fonctionne que si vous

348
00:19:03,250 --> 00:19:05,093
‫avez un passe-temps ou un dynamomètre professionnel.

349
00:19:06,950 --> 00:19:09,460
‫Mais, ce qui compte vraiment ici, ce sont les

350
00:19:09,460 --> 00:19:10,920
‫paramètres et donc ici,

351
00:19:10,920 --> 00:19:14,420
‫je voulais vous montrer que nous pouvons révéler les variables de configuration.

352
00:19:14,420 --> 00:19:17,000
‫Et donc, au lieu de les modifier ou de

353
00:19:17,000 --> 00:19:20,253
‫les ajouter dans la ligne de commande, nous pourrions également le faire ici.

354
00:19:21,650 --> 00:19:24,170
‫Donc, ce sont tous ceux que nous venons d'ajouter dans

355
00:19:24,170 --> 00:19:25,223
‫la ligne de commande.

356
00:19:27,250 --> 00:19:31,540
‫Ensuite, une autre chose très importante se trouve ici dans Plus, nous

357
00:19:31,540 --> 00:19:33,623
‫pouvons réellement voir nos journaux.

358
00:19:37,560 --> 00:19:40,710
‫Alors, attendons-le ici.

359
00:19:40,710 --> 00:19:44,430
‫Et donc, Heroku vous donne alors tous ces journaux pour tout

360
00:19:44,430 --> 00:19:47,190
‫ce qui se passe dans votre application.

361
00:19:47,190 --> 00:19:49,640
‫Ainsi, lorsque nous avons ouvert l'application dans le

362
00:19:49,640 --> 00:19:52,300
‫navigateur, elle a demandé tous ces fichiers, comme vous

363
00:19:52,300 --> 00:19:54,283
‫pouvez le voir ici, par exemple.

364
00:19:56,600 --> 00:19:58,380
‫Donc, vraiment, tout ce qui

365
00:19:58,380 --> 00:20:00,870
‫se passe sera ici dans ces journaux.

366
00:20:00,870 --> 00:20:04,210
‫Et donc, si votre application plante ou si quelque chose se passe et fondamentalement tout ce

367
00:20:04,210 --> 00:20:07,660
‫pour quoi nous avons utilisé une console. log finira alors

368
00:20:07,660 --> 00:20:10,843
‫par s'afficher ici dans ces journaux.

369
00:20:10,843 --> 00:20:13,400
‫Et donc, ce sont les journaux Heroku que

370
00:20:13,400 --> 00:20:15,933
‫j'ai mentionnés dans l'une des conférences précédentes.

371
00:20:17,987 --> 00:20:19,770
‫Maintenant, une chose que nous pouvons

372
00:20:19,770 --> 00:20:22,300
‫faire est de changer le nom de notre application.

373
00:20:22,300 --> 00:20:25,410
‫Ainsi, au lieu de l'appeler ce nom aléatoire, nous pouvons

374
00:20:25,410 --> 00:20:27,800
‫lui donner un nom plus significatif.

375
00:20:27,800 --> 00:20:29,960
‫Maintenant, nous pourrions le faire ici,

376
00:20:29,960 --> 00:20:34,090
‫mais cela gâcherait alors en quelque sorte notre application dans le terminal

377
00:20:34,090 --> 00:20:35,810
‫de notre ordinateur local.

378
00:20:35,810 --> 00:20:38,620
‫Et donc, à la place, ce que nous faisons,

379
00:20:38,620 --> 00:20:40,763
‫c'est changer le nom directement ici.

380
00:20:41,970 --> 00:20:46,813
‫Donc, disons, heroku apps:rename, comme ceci, puis le

381
00:20:48,460 --> 00:20:51,530
‫nouveau nom de l'application.

382
00:20:51,530 --> 00:20:53,470
‫Et, je l'appellerai

383
00:20:53,470 --> 00:20:55,740
‫natours, mais vous, bien sûr,

384
00:20:55,740 --> 00:20:59,420
‫ne pourrez alors pas l'appeler aussi natours car ce

385
00:20:59,420 --> 00:21:01,620
‫sous-domaine sera alors déjà pris.

386
00:21:01,620 --> 00:21:04,350
‫Ainsi, vous pouvez alors l'appeler natours avec votre nom

387
00:21:04,350 --> 00:21:07,660
‫ou avec votre nom d'utilisateur ou vraiment tout autre mot que

388
00:21:07,660 --> 00:21:08,633
‫vous souhaitez.

389
00:21:10,000 --> 00:21:12,763
‫Alors, je vais aller de l'avant et maintenant, appelez ça vraiment natours.

390
00:21:13,660 --> 00:21:18,320
‫Oh, mais je vois que quelqu'un m'a déjà pris ce

391
00:21:18,320 --> 00:21:20,223
‫nom, donc c'est dommage.

392
00:21:21,304 --> 00:21:24,360
‫Mais c'est probablement parce que j'ai déjà utilisé le nom

393
00:21:24,360 --> 00:21:26,570
‫natours dans un projet d'un autre cours.

394
00:21:26,570 --> 00:21:28,853
‫Et donc, quelqu'un a dû le prendre.

395
00:21:30,231 --> 00:21:33,080
‫Alors, appelons ça natoursapp et, bien sûr, je

396
00:21:33,080 --> 00:21:35,440
‫dois ensuite écrire tout le reste.

397
00:21:35,440 --> 00:21:39,660
‫Alors, heroku apps : renommer

398
00:21:39,660 --> 00:21:41,840
‫puis natoursapp.

399
00:21:41,840 --> 00:21:44,033
‫Donc, j'espère que personne n'a pris celui-ci.

400
00:21:45,780 --> 00:21:47,980
‫Et, il semble que ça fasse

401
00:21:47,980 --> 00:21:51,020
‫quelque chose, mais quelqu'un a déjà pris celui-là aussi.

402
00:21:51,020 --> 00:21:52,373
‫Eh bien, c'est vraiment bizarre.

403
00:21:53,930 --> 00:21:56,120
‫Donc, je suppose que j'ai beaucoup

404
00:21:56,120 --> 00:21:59,110
‫d'étudiants qui publient leurs applications sur Heroku, donc je

405
00:21:59,110 --> 00:22:02,250
‫vais simplement suivre l'exemple que j'ai donné plus tôt et

406
00:22:02,250 --> 00:22:03,920
‫ajouter mon nom ici.

407
00:22:03,920 --> 00:22:07,800
‫Alors, troisième essai avec natours-jonas.

408
00:22:07,800 --> 00:22:12,683
‫Alors, ouais, espérons que la troisième fois, ça marchera.

409
00:22:13,780 --> 00:22:15,493
‫Alors, attendons-le ici.

410
00:22:17,880 --> 00:22:18,960
‫Et c'est tout.

411
00:22:18,960 --> 00:22:21,163
‫Alors, essayons heroku ouvert.

412
00:22:24,800 --> 00:22:27,150
‫Très bien, et c'est parti.

413
00:22:27,150 --> 00:22:29,030
‫Et, maintenant, à ce

414
00:22:29,030 --> 00:22:31,330
‫stade, l'ancienne version ne fonctionnera plus.

415
00:22:31,330 --> 00:22:34,163
‫Alors, celui-ci est parti, fermons-le.

416
00:22:35,030 --> 00:22:36,780
‫Revenons au Personnel ici.

417
00:22:38,010 --> 00:22:40,840
‫Et donc, ouais, on y va.

418
00:22:40,840 --> 00:22:42,993
‫C'est natours-jonas.

419
00:22:44,750 --> 00:22:49,640
‫Super, donc notre site Web est maintenant officiellement en production.

420
00:22:49,640 --> 00:22:52,070
‫Maintenant, une autre chose que je veux faire

421
00:22:52,070 --> 00:22:55,340
‫ici est de mettre à jour la variable d'environnement Postman pour

422
00:22:55,340 --> 00:22:57,580
‫la production, vous vous en souvenez ?

423
00:22:57,580 --> 00:22:59,480
‫Alors, allons-y et copiez ceci ici.

424
00:23:00,440 --> 00:23:03,610
‫Et pas non plus à quel point

425
00:23:03,610 --> 00:23:07,000
‫nous sommes automatiquement sur https ici sur Heroku.

426
00:23:07,000 --> 00:23:10,620
‫Ainsi, Heroku s'occupe de toute la gestion des certificats

427
00:23:10,620 --> 00:23:14,810
‫SSL pour nous dans les coulisses afin que notre page soit

428
00:23:14,810 --> 00:23:16,840
‫toujours sécurisée, toujours avec https.

429
00:23:16,840 --> 00:23:20,773
‫C'est donc une autre fonctionnalité très intéressante d'Heroku.

430
00:23:22,540 --> 00:23:24,860
‫Alors, maintenant, ici dans

431
00:23:24,860 --> 00:23:29,860
‫Postman, allons de l'avant et changeons cette production et l'URL.

432
00:23:30,450 --> 00:23:32,733
‫Bien sûr, celui-ci n'était qu'un espace réservé.

433
00:23:33,680 --> 00:23:38,120
‫Et, à la place, ce que nous voulons, c'est maintenant notre véritable URL de production.

434
00:23:38,120 --> 00:23:40,593
‫Et, je ne sais pas si c'est correct comme

435
00:23:41,820 --> 00:23:44,900
‫ça, mais mettez-le simplement à jour et comparez-le avec celui de développement.

436
00:23:44,900 --> 00:23:46,340
‫Mais, en effet, il l'est.

437
00:23:46,340 --> 00:23:48,823
‫Donc, il doit se terminer par cette barre oblique.

438
00:23:50,380 --> 00:23:53,483
‫Et donc, celui que nous venons de faire le fait aussi.

439
00:23:54,320 --> 00:23:57,220
‫Alors, mettons à jour, fermons, et maintenant,

440
00:23:57,220 --> 00:24:00,560
‫tout ce que nous avons à faire ici est de

441
00:24:00,560 --> 00:24:03,683
‫passer du développement à cet environnement de production natours.

442
00:24:04,560 --> 00:24:08,660
‫Et donc, maintenant, si, par exemple, j'essaie d'obtenir Get All Tours, qui

443
00:24:08,660 --> 00:24:11,260
‫est en fait celui que nous avions

444
00:24:11,260 --> 00:24:13,860
‫ouvert, alors voyons si cela fonctionne.

445
00:24:13,860 --> 00:24:15,363
‫Désactivons tout cela.

446
00:24:17,200 --> 00:24:20,093
‫Et, en effet, il le fait, grand.

447
00:24:21,400 --> 00:24:23,220
‫Voyons si nous

448
00:24:23,220 --> 00:24:26,543
‫pouvons réellement voir l'URL complète quelque part ici.

449
00:24:28,270 --> 00:24:29,823
‫Eh bien, ça ne se voit pas vraiment.

450
00:24:31,870 --> 00:24:34,110
‫Mais, de toute façon, cela n'a

451
00:24:34,110 --> 00:24:37,810
‫pas vraiment d'importance car nous savons toujours que cela a réellement fonctionné.

452
00:24:37,810 --> 00:24:40,110
‫Donc, nous avons maintenant vraiment récupéré ces données

453
00:24:40,110 --> 00:24:43,860
‫ici à partir de notre API de production et nous pouvons facilement le

454
00:24:43,860 --> 00:24:46,470
‫prouver car la version de développement n'est même pas

455
00:24:46,470 --> 00:24:48,010
‫en cours d'exécution actuellement.

456
00:24:48,010 --> 00:24:50,943
‫Donc, si nous envoyons ceci, nous obtenons cette erreur.

457
00:24:54,830 --> 00:24:58,420
‫Donc, encore une fois, vraiment, félicitations

458
00:24:58,420 --> 00:25:02,970
‫pour avoir presque terminé le projet à ce stade.

459
00:25:02,970 --> 00:25:04,920
‫C'est déjà sur le serveur live

460
00:25:04,920 --> 00:25:07,260
‫et vous pouvez, à ce stade, partager votre

461
00:25:07,260 --> 00:25:10,650
‫projet avec le monde et montrer à tout le monde ce que

462
00:25:10,650 --> 00:25:13,883
‫vous avez accompli après tout ce travail de construction de ce projet.

463
00:25:14,720 --> 00:25:18,420
‫Juste une autre très petite chose que je voulais faire ici,

464
00:25:18,420 --> 00:25:22,720
‫comme je l'ai dit dans la dernière conférence, est de tester cette compression.

465
00:25:22,720 --> 00:25:27,320
‫Alors, recherchons simplement le test de compression gzip ici.

466
00:25:30,740 --> 00:25:33,850
‫Et puis, ça devrait être ce premier résultat ici,

467
00:25:33,850 --> 00:25:35,163
‫Gift of Speed.

468
00:25:36,150 --> 00:25:40,710
‫Et donc, si nous entrons notre URL ici et que nous vérifions, voyons.

469
00:25:42,450 --> 00:25:45,200
‫Et nous voyons que GZIP est activé.

470
00:25:45,200 --> 00:25:47,903
‫Et donc, c'est à cause de ce package de compression

471
00:25:47,903 --> 00:25:50,200
‫que nous avons utilisé dans la dernière leçon.

472
00:25:50,200 --> 00:25:53,380
‫Donc, à l'origine, notre page aurait 14K, mais

473
00:25:53,380 --> 00:25:55,560
‫ensuite compressée, c'est 2K.

474
00:25:55,560 --> 00:25:58,610
‫Et, bien sûr, cela ne fait pas une grande

475
00:25:58,610 --> 00:26:02,610
‫différence dans ce cas, mais pour une page beaucoup plus grande, bien

476
00:26:02,610 --> 00:26:05,903
‫sûr, cela peut vraiment faire une différence pour vos utilisateurs.

477
00:26:06,840 --> 00:26:10,470
‫Parfait, maintenant, dans les deux prochaines vidéos, il n'y

478
00:26:10,470 --> 00:26:12,740
‫a que quelques petites choses

479
00:26:12,740 --> 00:26:15,023
‫que nous devons encore corriger ici.

480
00:26:16,020 --> 00:26:17,330
‫Et donc, nous le

481
00:26:17,330 --> 00:26:20,200
‫ferons au cours des deux ou trois prochaines conférences.

482
00:26:20,200 --> 00:26:21,730
‫Et donc, après ça,

483
00:26:21,730 --> 00:26:24,463
‫c'est quand le projet est vraiment terminé à 100%.