1
00:00:01,100 --> 00:00:04,030
‫-: Alors, utilisons maintenant le service Sendgrid

2
00:00:04,030 --> 00:00:07,880
‫afin d'envoyer de vrais emails vers de vraies boîtes de réception.

3
00:00:07,880 --> 00:00:11,603
‫Plutôt que vers notre boîte de réception de développement chez Mailtrap.

4
00:00:13,300 --> 00:00:15,710
‫Et donc, ouvrons un nouvel

5
00:00:16,640 --> 00:00:19,730
‫onglet ici et recherchons Sendgrid, puis c'est ici,

6
00:00:19,730 --> 00:00:21,040
‫SendGrid. com

7
00:00:22,470 --> 00:00:26,090
‫D'accord, nous pouvons donc l'essayer gratuitement.

8
00:00:26,090 --> 00:00:27,810
‫Il aura alors quelques limites

9
00:00:27,810 --> 00:00:30,400
‫mais vous pourrez toujours créer un compte gratuit

10
00:00:30,400 --> 00:00:34,010
‫à partir duquel vous pourrez envoyer genre, une centaine d'emails par jour.

11
00:00:34,010 --> 00:00:37,530
‫Très bien, alors allez-y et créez votre compte ici et une fois

12
00:00:37,530 --> 00:00:39,923
‫que vous êtes prêt, revenez à cette vidéo.

13
00:00:41,820 --> 00:00:44,420
‫D'accord, et après avoir créé votre compte,

14
00:00:44,420 --> 00:00:45,950
‫vous devriez voir votre

15
00:00:45,950 --> 00:00:49,090
‫tableau de bord qui devrait ressembler à ceci, d'accord ?

16
00:00:49,090 --> 00:00:53,120
‫Vous voyez donc qu'il y a une tonne de choses ici sur le côté gauche

17
00:00:53,120 --> 00:00:55,940
‫que vous pouvez choisir comme des modèles, vous pouvez

18
00:00:55,940 --> 00:00:59,000
‫voir toutes sortes de statistiques sur les e-mails que vous envoyez.

19
00:00:59,000 --> 00:01:01,610
‫Et vraiment, il y a une tonne de

20
00:01:01,610 --> 00:01:04,350
‫paramètres que vous pouvez également définir ici, d'accord ?

21
00:01:04,350 --> 00:01:06,500
‫Mais pour l'instant, ce qui

22
00:01:06,500 --> 00:01:09,180
‫nous intéresse, c'est dans le Guide d'installation.

23
00:01:09,180 --> 00:01:10,080
‫D'accord?

24
00:01:10,080 --> 00:01:13,050
‫Donc, ici, dans le coin supérieur gauche de votre tableau de bord,

25
00:01:13,050 --> 00:01:14,850
‫vous devriez avoir ce menu ici

26
00:01:14,850 --> 00:01:17,590
‫où nous voulons ensuite cliquer sur le Guide de configuration.

27
00:01:17,590 --> 00:01:20,120
‫Maintenant, si la page au moment où vous

28
00:01:20,120 --> 00:01:21,640
‫regardez cette vidéo

29
00:01:21,640 --> 00:01:25,020
‫est quelque peu différente, vous pouvez également trouver le lien Guide

30
00:01:25,020 --> 00:01:26,580
‫de configuration quelque part ici.

31
00:01:26,580 --> 00:01:29,360
‫Et dans ce cas là du côté vue.

32
00:01:29,360 --> 00:01:33,460
‫Alors ouvrons cela et maintenant ce que nous voulons faire, c'est

33
00:01:33,460 --> 00:01:38,460
‫l'intégrer à l'aide de notre API Web ou de notre relais SMTP, d'accord ?

34
00:01:38,650 --> 00:01:41,410
‫Et vous pouvez aussi facilement intégrer

35
00:01:41,410 --> 00:01:45,120
‫Sendgrid dans Wordpress ou Drupal ou quelque chose comme ça.

36
00:01:45,120 --> 00:01:47,560
‫Mais bien sûr, ce n'est pas ce que nous voulons.

37
00:01:47,560 --> 00:01:49,890
‫Donc ici, nous voulons la première

38
00:01:49,890 --> 00:01:52,550
‫option, puis nous voulons le relais SMTP.

39
00:01:52,550 --> 00:01:54,400
‫Parce que c'est celui dont nous

40
00:01:54,400 --> 00:01:56,090
‫avons besoin si nous voulons

41
00:01:56,090 --> 00:01:58,850
‫utiliser node mailer et créer un transport avec cela.

42
00:01:58,850 --> 00:02:00,690
‫Et c'est exactement ce que

43
00:02:00,690 --> 00:02:02,840
‫nous faisons et nous choisissons donc celui-ci.

44
00:02:02,840 --> 00:02:04,740
‫D'un autre côté, nous

45
00:02:04,740 --> 00:02:07,470
‫pourrions également utiliser l'API Sendgrid simple à utiliser

46
00:02:07,470 --> 00:02:09,800
‫et alors nous choisirions cette façon.

47
00:02:09,800 --> 00:02:12,440
‫Mais encore une fois, avec node mailer, nous devons choisir

48
00:02:12,440 --> 00:02:13,443
‫cette option ici.

49
00:02:15,530 --> 00:02:17,530
‫Et puis à partir de là, c'est très facile.

50
00:02:17,530 --> 00:02:21,490
‫Donc, ici, nous avons juste besoin de créer une clé API avec un nom.

51
00:02:21,490 --> 00:02:23,967
‫Et donc ce nom n'est pas vraiment pertinent du

52
00:02:25,930 --> 00:02:27,930
‫tout, alors appelons-le simplement " natours ".

53
00:02:27,930 --> 00:02:28,963
‫Créer une clé.

54
00:02:30,010 --> 00:02:33,170
‫Et maintenant, pour configurer ou transporter un nœud de messagerie,

55
00:02:33,170 --> 00:02:37,990
‫tout ce dont nous avons besoin est en fait ce nom d'utilisateur et ce mot de passe.

56
00:02:37,990 --> 00:02:40,550
‫Ajoutons donc ces deux-là à notre fichier de configuration, donc je copie le mot

57
00:02:40,550 --> 00:02:44,027
‫de passe et le nom d'utilisateur est "apikey. " Alors,

58
00:02:46,850 --> 00:02:49,297
‫config. env et

59
00:02:49,297 --> 00:02:51,540
‫puis tout ce qui est lié aux

60
00:02:51,540 --> 00:02:52,883
‫e-mails, mettons ça ici.

61
00:02:54,100 --> 00:02:55,160
‫Donc SENDGRID

62
00:02:57,840 --> 00:02:58,673
‫USERNAME

63
00:02:59,850 --> 00:03:00,693
‫est apikey.

64
00:03:03,100 --> 00:03:04,430
‫Et Sendgrid PASSWORD

65
00:03:07,350 --> 00:03:08,253
‫est celui-ci.

66
00:03:09,880 --> 00:03:11,880
‫Et encore une fois, je vous

67
00:03:11,880 --> 00:03:15,030
‫demande vraiment de créer votre propre compte et votre propre clé

68
00:03:15,030 --> 00:03:18,540
‫API et mot de passe au lieu d'utiliser les miens, d'accord ?

69
00:03:18,540 --> 00:03:20,030
‫Parce que si beaucoup de gens

70
00:03:20,030 --> 00:03:22,820
‫font ça, ça cessera rapidement de fonctionner pour tout le monde, d'accord ?

71
00:03:22,820 --> 00:03:24,610
‫Alors s'il vous plaît, créez

72
00:03:24,610 --> 00:03:28,170
‫votre propre compte et générez votre propre mot de passe, d'accord ?

73
00:03:28,170 --> 00:03:31,453
‫Il y a donc en fait assez pour nous de créer ou de transporter.

74
00:03:34,250 --> 00:03:35,663
‫Et alors faisons-le ici,

75
00:03:36,550 --> 00:03:39,363
‫donc node mailer. créerTransport.

76
00:03:43,410 --> 00:03:46,570
‫Et maintenant, souvenez-vous de ce que je vous ai dit lorsque nous avons créé ce

77
00:03:46,570 --> 00:03:49,420
‫gestionnaire de courrier électronique pour la première fois il y a quelques secondes.

78
00:03:49,420 --> 00:03:52,830
‫Qu'il y a des services qui sont déjà prédéfinis.

79
00:03:52,830 --> 00:03:54,903
‫Et Sendgrid est en fait l'un d'entre eux.

80
00:03:56,640 --> 00:04:00,633
‫Nous pouvons donc spécifier le service, puis le définir sur Sendgrid.

81
00:04:02,510 --> 00:04:03,343
‫Très bien?

82
00:04:03,343 --> 00:04:05,970
‫Et nous l'avons fait auparavant pour Gmail et avec

83
00:04:05,970 --> 00:04:08,760
‫cela, tout ce dont nous avions besoin pour transmettre était le

84
00:04:08,760 --> 00:04:10,830
‫nom d'utilisateur et un mot de passe.

85
00:04:10,830 --> 00:04:13,120
‫Et donc ici va être exactement la même chose.

86
00:04:13,120 --> 00:04:15,940
‫Et c'est la raison pour laquelle nous n'avons

87
00:04:15,940 --> 00:04:19,770
‫même pas besoin de spécifier le serveur et le port, d'accord ?

88
00:04:19,770 --> 00:04:22,830
‫Parce que node mailer connaît déjà ces données

89
00:04:22,830 --> 00:04:25,253
‫car spécifie ce service Sendgrid.

90
00:04:27,790 --> 00:04:30,640
‫Alors maintenant, nous avons juste besoin de spécifier l'authentification et

91
00:04:31,560 --> 00:04:36,090
‫l'utilisateur est en processus. env. NOM D'UTILISATEUR

92
00:04:38,690 --> 00:04:39,563
‫SENDGRID.

93
00:04:40,712 --> 00:04:42,612
‫Et maintenant, dupliquons simplement

94
00:04:46,190 --> 00:04:48,373
‫ceci ici et ici, passez.

95
00:04:49,350 --> 00:04:51,783
‫D'accord, et c'est en fait tout.

96
00:04:53,070 --> 00:04:55,800
‫Et maintenant, pour tester cela, créons un nouvel utilisateur

97
00:04:55,800 --> 00:04:57,583
‫avec une véritable adresse e-mail.

98
00:05:00,030 --> 00:05:04,940
‫Nous allons donc chez Postman et terminons tout cela ici.

99
00:05:09,994 --> 00:05:10,827
‫Très bien,

100
00:05:12,660 --> 00:05:15,980
‫et je vais donc créer "Jonas. " Et maintenant, en tant

101
00:05:15,980 --> 00:05:19,250
‫qu'adresse e-mail, je vais créer l'un de ces e-mails jetables

102
00:05:19,250 --> 00:05:22,590
‫qui est essentiellement une adresse e-mail et une boîte de réception

103
00:05:22,590 --> 00:05:25,513
‫pour laquelle nous n'avons même pas à nous inscrire.

104
00:05:27,350 --> 00:05:30,333
‫Nous allons donc utiliser le service Mailsac.

105
00:05:32,880 --> 00:05:34,413
‫Donc ça se passe comme

106
00:05:37,070 --> 00:05:40,140
‫ça, et donc ici, nous pouvons maintenant vraiment mettre n'importe quoi.

107
00:05:40,140 --> 00:05:41,583
‫Alors mettons simplement

108
00:05:42,740 --> 00:05:46,570
‫"Jonas" et tout le monde pourra y accéder, d'accord ?

109
00:05:46,570 --> 00:05:49,860
‫Je vais donc maintenant m'inscrire avec cette adresse e-mail et

110
00:05:49,860 --> 00:05:53,563
‫donc l'e-mail de bienvenue devrait alors se retrouver dans cette boîte de réception.

111
00:05:54,500 --> 00:05:57,750
‫Et vous, bien sûr, lorsque vous testez cela par vous-même,

112
00:05:57,750 --> 00:06:01,610
‫pouvez bien sûr utiliser votre propre adresse e-mail pour cela, d'accord ?

113
00:06:01,610 --> 00:06:04,800
‫Alors allez-y, créez un utilisateur essentiellement pour vous-même avec votre propre

114
00:06:04,800 --> 00:06:09,350
‫adresse e-mail, puis appuyez sur « Envoyer. " Et maintenant, notre

115
00:06:09,350 --> 00:06:12,563
‫e-mail doit être envoyé en utilisant SendGrid.

116
00:06:13,900 --> 00:06:16,140
‫Et maintenant, cela peut prendre un

117
00:06:17,380 --> 00:06:21,320
‫peu de temps, mais rechargeons ici, peut-être que c'est déjà là.

118
00:06:21,320 --> 00:06:22,493
‫Et en fait ce n'est pas le cas.

119
00:06:23,690 --> 00:06:26,093
‫Jetons donc un œil ici à notre tableau de bord.

120
00:06:27,850 --> 00:06:29,170
‫Et d'après mon

121
00:06:29,170 --> 00:06:31,540
‫expérience, cela ne fonctionne pas tout de suite.

122
00:06:31,540 --> 00:06:34,570
‫Ainsi, par exemple, ce numéro « EMAILS AUJOURD'HUI » ici prend

123
00:06:34,570 --> 00:06:37,130
‫toujours un certain temps pour être mis à jour.

124
00:06:37,130 --> 00:06:39,800
‫Et aussi les premiers e-mails que vous envoyez, ils

125
00:06:39,800 --> 00:06:42,443
‫n'apparaissent pas toujours là où ils devraient.

126
00:06:43,480 --> 00:06:47,410
‫Donc, ce comportement que nous voyons ici est plutôt normal.

127
00:06:47,410 --> 00:06:51,760
‫Mais essayons à nouveau, donc nous n'avons toujours pas d'e-mail ici.

128
00:06:51,760 --> 00:06:54,490
‫Mais en fait, la raison en

129
00:06:54,490 --> 00:06:57,730
‫est que rappelez-vous que ce transport ne fonctionnera

130
00:06:57,730 --> 00:07:00,330
‫qu'en production et que nous

131
00:07:00,330 --> 00:07:03,270
‫devons donc exécuter notre application en production.

132
00:07:03,270 --> 00:07:05,820
‫Ce que nous ne faisons pas en ce moment.

133
00:07:05,820 --> 00:07:07,610
‫Faisons-le

134
00:07:07,610 --> 00:07:12,203
‫maintenant, npm lance la production, et

135
00:07:14,380 --> 00:07:17,960
‫essayons maintenant à nouveau.

136
00:07:17,960 --> 00:07:21,503
‫Je vais donc d'abord supprimer l'utilisateur que nous venons de créer.

137
00:07:26,950 --> 00:07:28,933
‫C'est donc celui-ci ici, et en fait,

138
00:07:32,660 --> 00:07:35,340
‫permettez-moi de supprimer tous ceux dont nous n'avons pas

139
00:07:35,340 --> 00:07:36,673
‫vraiment besoin, donc

140
00:07:39,270 --> 00:07:40,683
‫tous ces utilisateurs de test.

141
00:07:43,210 --> 00:07:45,970
‫Très bien, et maintenant essayons à nouveau avec

142
00:07:45,970 --> 00:07:47,390
‫cette adresse e-mail.

143
00:07:49,820 --> 00:07:53,550
‫Et c'est toujours un succès et revenons maintenant à notre boîte

144
00:07:53,550 --> 00:07:55,773
‫de réception de courrier électronique.

145
00:07:56,837 --> 00:08:00,093
‫Nous regardons cela, et maintenant nous recevons un message !

146
00:08:01,880 --> 00:08:05,330
‫Donc, quand nous l'ouvrons, alors le voici.

147
00:08:05,330 --> 00:08:07,530
‫Maintenant, pour une raison quelconque, cette

148
00:08:07,530 --> 00:08:10,570
‫application fait quelque chose de bizarre avec ce bouton ici.

149
00:08:10,570 --> 00:08:12,410
‫Il semble donc qu'ils appliquent

150
00:08:12,410 --> 00:08:14,480
‫leurs propres styles ici à cet e-mail.

151
00:08:14,480 --> 00:08:16,700
‫Mais peu importe, ce qui compte ici, c'est

152
00:08:16,700 --> 00:08:18,540
‫que cela a réellement fonctionné.

153
00:08:18,540 --> 00:08:20,970
‫Et maintenant, nous envoyons notre tout premier e-mail en

154
00:08:20,970 --> 00:08:23,393
‫utilisant Sendgrid dans une vraie boîte de réception.

155
00:08:24,350 --> 00:08:27,670
‫Voyons maintenant si cela apparaît également ici.

156
00:08:27,670 --> 00:08:31,253
‫Mais comme je l'ai dit, cela prend parfois du temps à apparaître.

157
00:08:32,220 --> 00:08:36,170
‫Donc, comme je l'ai mentionné précédemment, il n'affiche toujours aucun e-mail ici

158
00:08:36,170 --> 00:08:39,803
‫alors qu'en fait, nous avons déjà envoyé et reçu un e-mail.

159
00:08:41,880 --> 00:08:43,160
‫D'accord.

160
00:08:43,160 --> 00:08:46,310
‫Tellement génial, donc avec cela, vous pouvez

161
00:08:46,310 --> 00:08:49,470
‫maintenant envoyer jusqu'à cent e-mails gratuits, je crois.

162
00:08:49,470 --> 00:08:51,870
‫Ça dit quelque chose ici, ouais.

163
00:08:51,870 --> 00:08:54,230
‫Donc avec l'essai, que vous venez de commencer, je pense

164
00:08:54,230 --> 00:08:55,150
‫que c'est encore

165
00:08:55,150 --> 00:08:57,300
‫plus, c'est comme des milliers d'e-mails par jour.

166
00:08:57,300 --> 00:08:59,470
‫Mais au bout d'un certain temps, vous

167
00:08:59,470 --> 00:09:01,030
‫êtes rétrogradé à seulement cent.

168
00:09:01,030 --> 00:09:03,370
‫Donc, si vous avez une vraie application

169
00:09:03,370 --> 00:09:06,780
‫et une vraie entreprise, vous devrez bien sûr payer pour celle-ci (mumble).

170
00:09:06,780 --> 00:09:10,510
‫Mais à ce stade, ce n'est pas non plus un problème, espérons-le.

171
00:09:10,510 --> 00:09:14,620
‫Quoi qu'il en soit, cela termine maintenant notre partie concernant l'envoi d'e-mails.

172
00:09:14,620 --> 00:09:17,320
‫Et dans le reste de cela (marmonner), nous allons

173
00:09:17,320 --> 00:09:20,210
‫maintenant parler d'accepter les paiements par carte de crédit et

174
00:09:20,210 --> 00:09:22,870
‫de créer des réservations dans notre système.

175
00:09:22,870 --> 00:09:25,910
‫C'est vraiment très excitant et j'espère vous

176
00:09:25,910 --> 00:09:27,483
‫y voir bientôt.