1
00:00:01,070 --> 00:00:02,870
‫Instructeur : Donc, dans cette

2
00:00:02,870 --> 00:00:07,100
‫vidéo, nous allons utiliser la puissance de Pug pour créer un très bon

3
00:00:07,100 --> 00:00:10,893
‫modèle d'e-mail, puis envoyer un e-mail de bienvenue basé sur ce modèle.

4
00:00:12,680 --> 00:00:16,710
‫Et ce modèle est le bienvenu. carlin ici.

5
00:00:16,710 --> 00:00:21,410
‫D'accord, maintenant comme avant, j'ai déjà un modèle ici dans les

6
00:00:21,410 --> 00:00:23,973
‫modèles de données de développement.

7
00:00:25,050 --> 00:00:29,240
‫Donc, modèle d'e-mail et c'est donc tout ce

8
00:00:29,240 --> 00:00:32,990
‫code ici avec le CSS également aligné.

9
00:00:32,990 --> 00:00:34,403
‫Donc une tonne de CSS.

10
00:00:36,140 --> 00:00:40,563
‫Alors copions tout cela ici dans Welcome. carlin.

11
00:00:41,570 --> 00:00:45,200
‫D'accord, et ici en bas, vous verrez cette note où

12
00:00:45,200 --> 00:00:48,850
‫je dis qu'elle a en fait adapté ce modèle d'e-mail à

13
00:00:48,850 --> 00:00:50,053
‫partir de celui-ci.

14
00:00:51,780 --> 00:00:53,483
‫Alors ouvrons ça très vite.

15
00:00:54,511 --> 00:00:55,344
‫Très bien.

16
00:00:55,344 --> 00:00:58,813
‫Et donc notre e-mail va ressembler un peu à celui-ci.

17
00:00:59,990 --> 00:01:03,590
‫Maintenant, bien sûr, j'ai un peu adapté le design à notre marque.

18
00:01:03,590 --> 00:01:05,430
‫Donc pour ce bouton ici,

19
00:01:05,430 --> 00:01:07,783
‫j'ai utilisé notre couleur verte, par exemple.

20
00:01:09,848 --> 00:01:13,600
‫Mais ce que j'ai utilisé, c'est ce modèle HTML.

21
00:01:16,210 --> 00:01:20,820
‫Ensuite, j'ai converti ce code HTML à l'aide de cet outil.

22
00:01:20,820 --> 00:01:22,763
‫Donc HTML à Pug.

23
00:01:23,640 --> 00:01:25,950
‫Alors encore une fois, jetons un coup d'œil rapide à cela.

24
00:01:25,950 --> 00:01:28,260
‫Et donc, fondamentalement, ce que cela

25
00:01:28,260 --> 00:01:31,030
‫vous permet de faire est de coller du code

26
00:01:31,030 --> 00:01:35,660
‫HTML ici, puis de cliquer sur Convertir et le code Pug sera généré pour vous.

27
00:01:35,660 --> 00:01:38,170
‫Cela peut donc être très pratique lorsque vous

28
00:01:38,170 --> 00:01:42,263
‫essayez de convertir certaines pages existantes dont vous avez déjà un code HTML en Pug.

29
00:01:45,010 --> 00:01:47,810
‫Quoi qu'il en soit, lorsque nous créons un e-mail

30
00:01:47,810 --> 00:01:50,350
‫HTML, nous devons toujours intégrer tous les styles.

31
00:01:50,350 --> 00:01:53,290
‫Et c'est pourquoi vous avez cette tonne de CSS

32
00:01:53,290 --> 00:01:55,240
‫ici même dans ce fichier.

33
00:01:55,240 --> 00:01:58,000
‫Mais, bien sûr, cela rend ce fichier

34
00:01:58,000 --> 00:02:01,213
‫un peu bruyant, alors récupérons tout cela et exportons-le.

35
00:02:02,350 --> 00:02:04,810
‫D'accord, alors, ouais.

36
00:02:04,810 --> 00:02:05,703
‫Donc c'est tout.

37
00:02:06,610 --> 00:02:07,443
‫Alors coupez-le,

38
00:02:08,380 --> 00:02:10,720
‫et créez ici un nouveau fichier, puis,

39
00:02:10,720 --> 00:02:14,520
‫comme avant, avec les fichiers que je vais inclure, j'utilise le trait

40
00:02:14,520 --> 00:02:17,827
‫de soulignement puis le style. carlin.

41
00:02:20,980 --> 00:02:22,710
‫Alors collez ça ici.

42
00:02:22,710 --> 00:02:26,450
‫Et maintenant, nous devons également ajuster tout cet insetting ici

43
00:02:26,450 --> 00:02:29,210
‫et encore, Commande + Maj +

44
00:02:29,210 --> 00:02:32,820
‫P ou probablement sous Windows, Ctrl + Maj + P.

45
00:02:32,820 --> 00:02:35,823
‫Et puis il suffit d'écrire carlin pour embellir carlin.

46
00:02:36,890 --> 00:02:39,053
‫Et cela rend notre code agréable.

47
00:02:40,090 --> 00:02:41,623
‫Fermez celui-ci ici, et

48
00:02:42,770 --> 00:02:43,973
‫maintenant include_style.

49
00:02:49,060 --> 00:02:52,730
‫D'accord, et maintenant vous voyez tous ces codes ici, ce qui semble vraiment

50
00:02:52,730 --> 00:02:55,750
‫déroutant et c'est en fait la raison pour laquelle j'ai

51
00:02:55,750 --> 00:02:59,400
‫copié ce modèle à partir de ce référentiel GitHub que je vous

52
00:02:59,400 --> 00:03:00,680
‫ai montré auparavant.

53
00:03:00,680 --> 00:03:03,160
‫Il y a donc beaucoup de tableaux en cours

54
00:03:03,160 --> 00:03:05,080
‫et c'est parce que de nombreux

55
00:03:05,080 --> 00:03:08,410
‫clients de messagerie ne comprennent en fait que les tableaux pour le formatage.

56
00:03:08,410 --> 00:03:11,800
‫Nous avons donc ici toutes ces choses qui n'ont pas vraiment de

57
00:03:11,800 --> 00:03:15,350
‫sens avec des lignes de table à l'intérieur de tables à l'intérieur de tables.

58
00:03:15,350 --> 00:03:16,600
‫Ai-je raison?

59
00:03:16,600 --> 00:03:20,720
‫Mais ce qui compte ici, c'est cette zone de contenu ici.

60
00:03:20,720 --> 00:03:22,440
‫Et c'est donc la partie

61
00:03:22,440 --> 00:03:25,340
‫du modèle où nous allons mettre tout notre contenu.

62
00:03:25,340 --> 00:03:27,370
‫Maintenant, le fait est que nous aurons

63
00:03:27,370 --> 00:03:29,370
‫bien sûr de nombreux modèles différents.

64
00:03:29,370 --> 00:03:30,600
‫Dans le cas

65
00:03:30,600 --> 00:03:32,930
‫de ce projet, nous n'en créerons en fait

66
00:03:32,930 --> 00:03:36,410
‫que deux nous-mêmes, mais il peut y avoir de nombreux e-mails pour

67
00:03:36,410 --> 00:03:39,610
‫de nombreuses situations et, bien sûr, nous aurons besoin d'un

68
00:03:39,610 --> 00:03:42,840
‫moyen de réutiliser tout ce code en dehors de ce contenu.

69
00:03:42,840 --> 00:03:46,200
‫Donc, fondamentalement, tout cela ici devrait être réutilisable, et en fait,

70
00:03:46,200 --> 00:03:49,050
‫c'est exactement ce que nous avons fait auparavant avec

71
00:03:49,050 --> 00:03:50,853
‫notre modèle de base ici.

72
00:03:52,352 --> 00:03:53,185
‫Très bien.

73
00:03:53,185 --> 00:03:56,450
‫Donc on met tout ce qui est réutilisable pour tous

74
00:03:56,450 --> 00:04:00,540
‫les templates à l'intérieur de cette base, puis on a notre bloc là

75
00:04:00,540 --> 00:04:02,150
‫et tous les autres

76
00:04:02,150 --> 00:04:04,200
‫templates, puis on étend simplement ce bloc.

77
00:04:04,200 --> 00:04:07,280
‫Et c'est exactement ce que nous allons faire maintenant.

78
00:04:07,280 --> 00:04:12,240
‫Alors allons de l'avant et coupons tout cela à partir d'ici,

79
00:04:12,240 --> 00:04:15,517
‫créons un nouveau modèle appelé baseEmail, puis

80
00:04:20,400 --> 00:04:21,623
‫mettons-le ici.

81
00:04:23,530 --> 00:04:27,550
‫Et maintenant, pour le contenu lui-même, bien sûr, nous

82
00:04:27,550 --> 00:04:30,100
‫le supprimons de la base.

83
00:04:30,100 --> 00:04:31,773
‫Alors coupez celui-ci à partir

84
00:04:32,760 --> 00:04:34,550
‫d'ici, et créons ici un bloc

85
00:04:35,920 --> 00:04:37,423
‫appelé contenu, à nouveau.

86
00:04:39,101 --> 00:04:39,934
‫Très bien.

87
00:04:39,934 --> 00:04:43,900
‫Et maintenant, ici, dans notre modèle de bienvenue, nous mettons ensuite

88
00:04:43,900 --> 00:04:45,600
‫ce contenu à l'intérieur de

89
00:04:48,260 --> 00:04:49,883
‫ce bloc de contenu.

90
00:04:50,880 --> 00:04:51,870
‫D'accord.

91
00:04:51,870 --> 00:04:54,750
‫Et maintenant juste pour finir, nous devons ensuite

92
00:04:54,750 --> 00:04:57,190
‫dire qu'il s'étend, de sorte que ce

93
00:04:58,070 --> 00:05:00,187
‫modèle ici étend la baseEmail.

94
00:05:04,160 --> 00:05:08,470
‫Formatons cela à nouveau avec cette commande

95
00:05:08,470 --> 00:05:10,670
‫et c'est magnifique.

96
00:05:10,670 --> 00:05:11,503
‫Super.

97
00:05:12,450 --> 00:05:14,830
‫Maintenant, ici dans notre modèle de

98
00:05:14,830 --> 00:05:18,620
‫base, nous avons en fait maintenant le sujet comme titre.

99
00:05:18,620 --> 00:05:20,780
‫Et c'est donc la raison pour

100
00:05:20,780 --> 00:05:23,023
‫laquelle j'ai transmis cela dans le modèle.

101
00:05:23,920 --> 00:05:27,030
‫C'est donc ici, tu te souviens ?

102
00:05:27,030 --> 00:05:29,829
‫Donc, dans le modèle, nous avons passé le

103
00:05:29,829 --> 00:05:32,140
‫sujet, l'URL et le prénom.

104
00:05:32,140 --> 00:05:35,980
‫Et donc allons-y maintenant et utilisons ceci dans notre modèle.

105
00:05:35,980 --> 00:05:39,470
‫Et donc le sujet qu'on a déjà utilisé ici dans la base

106
00:05:39,470 --> 00:05:42,120
‫mais c'est en fait tout pour ce dossier donc

107
00:05:42,120 --> 00:05:44,363
‫on ne va plus y toucher.

108
00:05:45,230 --> 00:05:48,540
‫Et maintenant, voici notre vrai modèle.

109
00:05:48,540 --> 00:05:53,540
‫Nous avons donc ici le nom et remplaçons-le donc

110
00:05:53,670 --> 00:05:55,893
‫par la variable prénom.

111
00:05:59,210 --> 00:06:03,840
‫Alors firstName ici, puis nous avons tous ces jolis textes ici.

112
00:06:03,840 --> 00:06:07,550
‫Alors, bienvenue dans la famille, tout ça.

113
00:06:07,550 --> 00:06:10,150
‫Et puis ici, nous avons ce bouton vert

114
00:06:10,150 --> 00:06:13,370
‫dont j'ai parlé lorsque je vous ai montré le modèle sur GitHub

115
00:06:13,370 --> 00:06:17,220
‫et ainsi de suite sur ce bouton, nous disons télécharger la photo de l'utilisateur.

116
00:06:17,220 --> 00:06:22,043
‫Et donc ici, nous devons spécifier l'URL que nous avons transmise.

117
00:06:27,760 --> 00:06:31,380
‫D'accord, donc ça s'appelle URL, c'est ça.

118
00:06:31,380 --> 00:06:35,290
‫Et donc, maintenant nous mettons cela sur ce bouton ici et

119
00:06:35,290 --> 00:06:36,720
‫c'est en fait tout.

120
00:06:36,720 --> 00:06:39,440
‫Tout le reste ici n'est que du contenu

121
00:06:39,440 --> 00:06:43,130
‫statique que nous n'avons pas du tout besoin de modifier, d'accord ?

122
00:06:43,130 --> 00:06:47,470
‫Ainsi, ce modèle de bienvenue ici sera désormais utilisé chaque

123
00:06:47,470 --> 00:06:49,790
‫fois que nous appelons sendWelcome.

124
00:06:49,790 --> 00:06:53,130
‫Et donc allons-y maintenant et faisons cela.

125
00:06:53,130 --> 00:06:57,190
‫D'où voulons-nous donc envoyer l'e-mail de bienvenue ?

126
00:06:57,190 --> 00:07:00,540
‫Eh bien, c'est dans authController et pour, je crois qu'il

127
00:07:00,540 --> 00:07:03,800
‫y a une fonction d'inscription ou un registre ou

128
00:07:03,800 --> 00:07:05,663
‫quelque chose comme ça, et

129
00:07:07,140 --> 00:07:08,430
‫c'est juste ici.

130
00:07:08,430 --> 00:07:10,240
‫Alors cette inscription.

131
00:07:10,240 --> 00:07:13,130
‫Et donc dans cela, nous devons importer l'e-mail,

132
00:07:13,130 --> 00:07:14,093
‫puis l'utiliser.

133
00:07:15,000 --> 00:07:18,760
‫Et, en fait, nous avons déjà sendEmail, mais rappelez-vous

134
00:07:18,760 --> 00:07:21,990
‫maintenant que cela s'appelle Email, donc avec

135
00:07:21,990 --> 00:07:24,533
‫un E majuscule comme celui-ci.

136
00:07:26,400 --> 00:07:29,980
‫Maintenant, nous avons déjà utilisé cette variable quelque part ici,

137
00:07:29,980 --> 00:07:30,973
‫alors allons-y.

138
00:07:33,438 --> 00:07:35,750
‫Très bien, et donc ce code ici à

139
00:07:35,750 --> 00:07:39,520
‫ce stade ne fonctionne plus mais nous allons le corriger dans la prochaine vidéo.

140
00:07:39,520 --> 00:07:41,440
‫Donc pour l'instant, commentons-le simplement

141
00:07:44,030 --> 00:07:45,983
‫pour qu'il ne fasse aucun dommage.

142
00:07:48,409 --> 00:07:51,960
‫Mais de toute façon, utilisons maintenant cette classe d'e-mail ici.

143
00:07:59,060 --> 00:08:04,060
‫Donc, nouvel e-mail, et rappelez-vous d'abord que c'est l'utilisateur et que le code

144
00:08:05,260 --> 00:08:08,700
‫VS le sait et montre qu'ici et

145
00:08:08,700 --> 00:08:12,890
‫donc l'utilisateur est le nouvel utilisateur que nous avons ici,

146
00:08:15,810 --> 00:08:19,803
‫puis l'URL que nous allons créer ici dans une seconde.

147
00:08:22,150 --> 00:08:27,150
‫Donc const url est égal, mettons-le à zéro, pour l'instant.

148
00:08:30,315 --> 00:08:32,565
‫D'accord, puis envoyezBienvenue.

149
00:08:36,230 --> 00:08:39,050
‫Et maintenant, tout ce que nous avons à faire

150
00:08:39,050 --> 00:08:40,783
‫est d'attendre cette fonction sendWelcome.

151
00:08:42,860 --> 00:08:45,980
‫Très bien, alors nous faisons cela, que nous ne

152
00:08:45,980 --> 00:08:49,923
‫passons ici à l'étape suivante qu'une fois que l'e-mail a été envoyé.

153
00:08:50,880 --> 00:08:52,910
‫Et nous pouvons le

154
00:08:52,910 --> 00:08:57,233
‫faire, bien sûr, car sendWelcome est une fonction asynchrone, souvenez-vous-en.

155
00:08:58,100 --> 00:08:59,750
‫Et donc, lorsque nous

156
00:08:59,750 --> 00:09:02,163
‫l'utilisons réellement, nous attendons ensuite qu'il se termine.

157
00:09:03,580 --> 00:09:05,960
‫Très bien, c'est donc tout ce que

158
00:09:05,960 --> 00:09:08,170
‫nous devons faire pour envoyer

159
00:09:08,170 --> 00:09:12,270
‫des e-mails maintenant, mais nous devons toujours spécifier notre URL ici.

160
00:09:12,270 --> 00:09:15,110
‫Maintenant, quelle URL voulons-nous réellement ici ?

161
00:09:15,110 --> 00:09:17,200
‫Eh bien, rappelez-vous qu'ici sur

162
00:09:17,200 --> 00:09:20,910
‫le bouton, il est écrit Upload_user_photo, n'est-ce pas ?

163
00:09:20,910 --> 00:09:22,540
‫Et donc, fondamentalement, nous voulons

164
00:09:22,540 --> 00:09:24,603
‫pointer vers cette page de compte d'utilisateur.

165
00:09:25,600 --> 00:09:29,600
‫Donc, en gros, ici.

166
00:09:29,600 --> 00:09:33,833
‫Donc pour l'instant, copions-le, mais nous le modifierons ensuite.

167
00:09:35,630 --> 00:09:37,100
‫Et nous pourrions le

168
00:09:37,100 --> 00:09:39,640
‫laisser comme ça, mais cela ne fonctionnerait

169
00:09:39,640 --> 00:09:42,510
‫qu'en développement et non en production, car, bien

170
00:09:42,510 --> 00:09:45,720
‫sûr, cela n'existe pas ici lorsque nous sommes en production.

171
00:09:45,720 --> 00:09:49,140
‫Et donc au lieu de le coder en dur comme ça, nous obtiendrons

172
00:09:49,140 --> 00:09:51,373
‫ces données à partir de la demande.

173
00:09:53,050 --> 00:09:56,830
‫Donc, fondamentalement, nous obtiendrons le protocole que nous

174
00:09:56,830 --> 00:10:01,830
‫utilisons, si nous utilisons HTTP ou HTTPS, ainsi que cet hôte.

175
00:10:03,440 --> 00:10:06,920
‫D'accord, et nous pouvons obtenir les deux à partir de la demande.

176
00:10:06,920 --> 00:10:09,350
‫Remplaçons donc tout cela ici et faisons-en

177
00:10:11,237 --> 00:10:12,830
‫une chaîne de

178
00:10:14,310 --> 00:10:18,590
‫modèle, puis nous pourrons dire request. protocole, puis deux-points,

179
00:10:22,000 --> 00:10:24,193
‫barre oblique, barre oblique,

180
00:10:26,850 --> 00:10:30,580
‫puis requête. avoir.

181
00:10:30,580 --> 00:10:32,710
‫Nous devons donc utiliser cette fonction

182
00:10:32,710 --> 00:10:35,653
‫getter et ce que nous voulons obtenir, c'est l'hôte.

183
00:10:36,710 --> 00:10:38,670
‫Et donc, quand nous serons en

184
00:10:38,670 --> 00:10:41,750
‫développement, alors, bien sûr, ce sera ici l'hôte local

185
00:10:41,750 --> 00:10:43,263
‫sur le port 3000.

186
00:10:46,160 --> 00:10:47,790
‫D'accord, consolons-le juste pour

187
00:10:51,700 --> 00:10:52,703
‫être sûr.

188
00:10:54,020 --> 00:10:57,460
‫D'accord, et maintenant, testons-le.

189
00:10:57,460 --> 00:11:00,723
‫Et tout ce que nous devons faire pour cela est de simplement créer un nouvel utilisateur.

190
00:11:02,170 --> 00:11:04,543
‫Faisons-le donc ici dans Postman.

191
00:11:06,550 --> 00:11:07,943
‫Alors inscrivez-vous, et

192
00:11:09,980 --> 00:11:13,860
‫maintenant dans notre Body, créons un nouveau nom, disons

193
00:11:13,860 --> 00:11:15,223
‫Test User.

194
00:11:17,700 --> 00:11:20,280
‫Et ici, tout cela n'a pas vraiment d'importance, alors

195
00:11:20,280 --> 00:11:22,767
‫disons simplement test@natours. io et avec

196
00:11:26,310 --> 00:11:28,110
‫le même mot de passe standard.

197
00:11:28,990 --> 00:11:31,600
‫Et maintenant, lorsque nous créons ce nouvel utilisateur, nous

198
00:11:31,600 --> 00:11:34,850
‫devrions alors obtenir un nouvel e-mail dans notre Mailtrap, afin que nous

199
00:11:34,850 --> 00:11:36,513
‫puissions y jeter un œil.

200
00:11:37,470 --> 00:11:41,583
‫Alors essayons cela et nous avons une belle erreur ici.

201
00:11:42,420 --> 00:11:44,560
‫Jetons donc un œil à cela.

202
00:11:44,560 --> 00:11:48,200
‫Et il dit qu'il n'a pas pu trouver ce fichier.

203
00:11:48,200 --> 00:11:52,373
‫Il y a donc une erreur dans notre gestionnaire de courrier électronique ici.

204
00:11:53,460 --> 00:11:56,353
‫Et essayons donc de trouver où c'est.

205
00:11:57,794 --> 00:11:59,003
‫Ah, c'est ici.

206
00:11:59,910 --> 00:12:02,160
‫Et donc le problème est que le

207
00:12:02,160 --> 00:12:05,113
‫dossier ici s'appelle email et ici je l'ai appelé emails.

208
00:12:07,130 --> 00:12:09,340
‫Alors disons simplement email, je

209
00:12:09,340 --> 00:12:10,850
‫préfère celui-là.

210
00:12:10,850 --> 00:12:12,263
‫Et maintenant, cela devrait fonctionner.

211
00:12:13,480 --> 00:12:15,400
‫Oh, et maintenant nous obtenons

212
00:12:15,400 --> 00:12:18,160
‫la prochaine erreur, car cet e-mail existe déjà ici.

213
00:12:18,160 --> 00:12:20,210
‫Et c'est parce qu'à l'étape précédente,

214
00:12:20,210 --> 00:12:22,900
‫nous avons en fait créé l'erreur, le seul

215
00:12:22,900 --> 00:12:24,740
‫problème était alors d'envoyer l'e-mail.

216
00:12:24,740 --> 00:12:27,303
‫Faisons-le encore ici, testez-en deux.

217
00:12:30,100 --> 00:12:31,500
‫Et encore une erreur.

218
00:12:31,500 --> 00:12:35,220
‫Cette fois venant directement de Pug.

219
00:12:35,220 --> 00:12:39,320
‫Ainsi, seuls les blocs nommés et les mixins peuvent apparaître au niveau

220
00:12:39,320 --> 00:12:40,763
‫supérieur d'un modèle d'extension.

221
00:12:42,440 --> 00:12:44,203
‫Et donc quelque chose ne

222
00:12:45,170 --> 00:12:47,490
‫va pas ici, et c'est effectivement le cas.

223
00:12:47,490 --> 00:12:49,573
‫C'est donc exactement l'erreur qu'il nous

224
00:12:49,573 --> 00:12:53,630
‫a dit que nous avions et c'est que nous ne pouvons avoir que

225
00:12:53,630 --> 00:12:56,020
‫des extensions et des blocs, mais ici

226
00:12:56,020 --> 00:12:58,540
‫nous avons également ce paragraphe au niveau supérieur.

227
00:12:58,540 --> 00:12:59,920
‫Ce n'est donc pas autorisé.

228
00:12:59,920 --> 00:13:03,503
‫Alors mettons-le à sa place, c'est-à-dire ici.

229
00:13:05,300 --> 00:13:09,020
‫Faites une sauvegarde, essayez encore une fois, et bien sûr,

230
00:13:09,020 --> 00:13:11,300
‫nous obtenons maintenant cette erreur.

231
00:13:11,300 --> 00:13:12,873
‫Alors disons le test trois.

232
00:13:18,011 --> 00:13:20,310
‫D'accord, maintenant nous sommes prêts à partir.

233
00:13:20,310 --> 00:13:22,670
‫Nous avons donc créé avec succès le nouvel

234
00:13:22,670 --> 00:13:23,980
‫utilisateur, il s'est connecté.

235
00:13:23,980 --> 00:13:26,480
‫Et maintenant, jetons un coup d'œil à Mailtrap pour

236
00:13:26,480 --> 00:13:28,823
‫voir si nous avons réellement reçu notre e-mail.

237
00:13:30,460 --> 00:13:31,473
‫Alors Mailtrap.

238
00:13:34,310 --> 00:13:35,963
‫Permettez-moi de me connecter ici très rapidement.

239
00:13:37,320 --> 00:13:40,030
‫Et voici notre boîte de réception Natours,

240
00:13:40,030 --> 00:13:43,450
‫et en effet, voici ce nouvel e-mail d'il y a

241
00:13:43,450 --> 00:13:46,300
‫une minute disant bienvenue à la famille Natours.

242
00:13:46,300 --> 00:13:47,170
‫Super.

243
00:13:47,170 --> 00:13:50,560
‫Et ça a l'air vraiment sympa, non ?

244
00:13:50,560 --> 00:13:53,630
‫Voilà donc tous les textes que nous avions dans notre modèle.

245
00:13:53,630 --> 00:13:56,313
‫Nous pouvons également voir le HTML complet ici.

246
00:13:59,160 --> 00:14:01,330
‫Ici aussi, nous avons le texte.

247
00:14:01,330 --> 00:14:03,940
‫Et rappelez-vous que nous avons créé celui-ci ici

248
00:14:03,940 --> 00:14:06,130
‫à partir du package HTML vers

249
00:14:06,130 --> 00:14:09,443
‫texte et nous pouvons donc confirmer qu'il fonctionne également très bien.

250
00:14:10,330 --> 00:14:12,850
‫Et, euh, ouais.

251
00:14:12,850 --> 00:14:15,333
‫Essayons simplement de cliquer ici sur ce

252
00:14:16,590 --> 00:14:20,450
‫bouton, et en effet cela nous amène à notre page de compte.

253
00:14:20,450 --> 00:14:23,740
‫Maintenant, en ce moment, nous sommes en fait connectés en tant

254
00:14:23,740 --> 00:14:27,010
‫qu'Aarav parce que nous étions déjà connectés en tant qu'utilisateur, mais

255
00:14:27,010 --> 00:14:28,680
‫ce n'est pas vraiment le

256
00:14:28,680 --> 00:14:31,200
‫problème car cet e-mail ici suppose en quelque

257
00:14:31,200 --> 00:14:34,560
‫sorte que vous vous inscrivez depuis le site Web, n'est-ce pas ?

258
00:14:34,560 --> 00:14:36,420
‫Maintenant, cela ne fonctionne pas à

259
00:14:36,420 --> 00:14:39,510
‫ce stade, nous n'avons donc aucun formulaire d'inscription sur

260
00:14:39,510 --> 00:14:41,850
‫notre site Web, mais la partie vraiment

261
00:14:41,850 --> 00:14:45,980
‫importante ici est que notre e-mail ici fonctionne maintenant très bien, le

262
00:14:45,980 --> 00:14:47,800
‫bouton ici fonctionne également.

263
00:14:47,800 --> 00:14:49,620
‫Et donc, ce gros gestionnaire d'e-mails que

264
00:14:49,620 --> 00:14:52,710
‫nous avons créé lors de la dernière conférence fait son travail

265
00:14:52,710 --> 00:14:54,860
‫aussi bien que le modèle d'e-mail que nous

266
00:14:54,860 --> 00:14:56,660
‫avons créé dans cette vidéo.

267
00:14:56,660 --> 00:14:59,090
‫Donc, je suis vraiment content de ce résultat.

268
00:14:59,090 --> 00:15:01,300
‫Ensuite, faisons quelque chose de similaire pour les e-mails

269
00:15:01,300 --> 00:15:03,223
‫de réinitialisation de mot de passe.