1
00:00:01,100 --> 00:00:04,030
‫-: Verwenden wir nun also den

2
00:00:04,030 --> 00:00:07,880
‫Sendgrid-Dienst, um echte E-Mails an echte E-Mail-Postfächer zu senden.

3
00:00:07,880 --> 00:00:11,603
‫Anstatt zu unserem Entwicklungspostfach bei Mailtrap.

4
00:00:13,300 --> 00:00:15,710
‫Also, lass uns hier einen neuen Tab

5
00:00:16,640 --> 00:00:19,730
‫öffnen und nach Sendgrid suchen und dann ist es hier,

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

7
00:00:22,470 --> 00:00:26,090
‫Alles klar, wir können es also kostenlos testen.

8
00:00:26,090 --> 00:00:27,810
‫Es gibt dann einige Beschränkungen,

9
00:00:27,810 --> 00:00:30,400
‫aber Sie können immer noch ein kostenloses Konto

10
00:00:30,400 --> 00:00:34,010
‫erstellen, von dem aus Sie etwa hundert E-Mails pro Tag senden können.

11
00:00:34,010 --> 00:00:37,530
‫In Ordnung, also erstellen Sie hier Ihr Konto und kehren Sie zu

12
00:00:37,530 --> 00:00:39,923
‫diesem Video zurück, wenn Sie bereit sind.

13
00:00:41,820 --> 00:00:44,420
‫Okay, und nachdem Sie Ihr Konto erstellt

14
00:00:44,420 --> 00:00:45,950
‫haben, sollten Sie Ihr

15
00:00:45,950 --> 00:00:49,090
‫Dashboard sehen, das ungefähr so aussehen sollte, in Ordnung?

16
00:00:49,090 --> 00:00:53,120
‫Sie sehen also, dass es hier auf der linken Seite eine Menge Dinge gibt,

17
00:00:53,120 --> 00:00:55,940
‫die Sie wie Vorlagen auswählen können, Sie können alle

18
00:00:55,940 --> 00:00:59,000
‫Arten von Statistiken über die E-Mails sehen, die Sie senden.

19
00:00:59,000 --> 00:01:01,610
‫Und wirklich, es gibt eine Menge

20
00:01:01,610 --> 00:01:04,350
‫Einstellungen, die Sie auch hier einstellen können, okay?

21
00:01:04,350 --> 00:01:06,500
‫Aber im Moment

22
00:01:06,500 --> 00:01:09,180
‫interessiert uns die Einrichtungsanleitung.

23
00:01:09,180 --> 00:01:10,080
‫Okay?

24
00:01:10,080 --> 00:01:13,050
‫Hier in der oberen linken Ecke Ihres Dashboards sollten Sie

25
00:01:13,050 --> 00:01:14,850
‫also dieses Menü hier haben,

26
00:01:14,850 --> 00:01:17,590
‫wo wir dann auf die Einrichtungsanleitung klicken möchten.

27
00:01:17,590 --> 00:01:20,120
‫Wenn die Seite zu dem Zeitpunkt, an dem

28
00:01:20,120 --> 00:01:21,640
‫Sie sich dieses

29
00:01:21,640 --> 00:01:25,020
‫Video ansehen, etwas anders aussieht, finden Sie möglicherweise auch den

30
00:01:25,020 --> 00:01:26,580
‫Link zur Einrichtungsanleitung hier unten.

31
00:01:26,580 --> 00:01:29,360
‫Und in diesem Fall hier auf der Sichtseite.

32
00:01:29,360 --> 00:01:33,460
‫Lassen Sie uns das also öffnen, und jetzt möchten

33
00:01:33,460 --> 00:01:38,460
‫wir die Integration mithilfe unserer Web-API oder des SMTP-Relays durchführen, in Ordnung?

34
00:01:38,650 --> 00:01:41,410
‫Und Sie könnten Sendgrid auch

35
00:01:41,410 --> 00:01:45,120
‫problemlos in Wordpress oder Drupal oder ähnliches integrieren.

36
00:01:45,120 --> 00:01:47,560
‫Aber das wollen wir natürlich nicht.

37
00:01:47,560 --> 00:01:49,890
‫Hier wollen wir also die

38
00:01:49,890 --> 00:01:52,550
‫erste Option und dann das SMTP-Relay.

39
00:01:52,550 --> 00:01:54,400
‫Denn das ist dasjenige, das wir

40
00:01:54,400 --> 00:01:56,090
‫brauchen, wenn wir den

41
00:01:56,090 --> 00:01:58,850
‫Node-Mailer verwenden und damit einen Transport erstellen wollen.

42
00:01:58,850 --> 00:02:00,690
‫Und genau das machen wir

43
00:02:00,690 --> 00:02:02,840
‫und so haben wir uns für dieses entschieden.

44
00:02:02,840 --> 00:02:04,740
‫Andererseits könnten wir auch

45
00:02:04,740 --> 00:02:07,470
‫die einfach zu bedienende Sendgrid-API verwenden und

46
00:02:07,470 --> 00:02:09,800
‫würden dann diesen Weg wählen.

47
00:02:09,800 --> 00:02:12,440
‫Aber auch hier müssen wir beim Node-Mailer diese

48
00:02:12,440 --> 00:02:13,443
‫Option hier auswählen.

49
00:02:15,530 --> 00:02:17,530
‫Und von hier aus ist es ganz einfach.

50
00:02:17,530 --> 00:02:21,490
‫Hier müssen wir also nur einen API-Schlüssel mit einem Namen erstellen.

51
00:02:21,490 --> 00:02:23,967
‫Und damit dieser Name überhaupt nicht relevant ist,

52
00:02:25,930 --> 00:02:27,930
‫nennen wir ihn einfach "natours".

53
00:02:27,930 --> 00:02:28,963
‫Schlüssel erstellen.

54
00:02:30,010 --> 00:02:33,170
‫Um nun einen Node-Mailer zu konfigurieren oder

55
00:02:33,170 --> 00:02:37,990
‫zu transportieren, brauchen wir eigentlich nur diesen Benutzernamen und dieses Passwort.

56
00:02:37,990 --> 00:02:40,550
‫Also fügen wir diese beiden zu unserer Konfigurationsdatei hinzu, damit ich

57
00:02:40,550 --> 00:02:49,297
‫das Passwort kopiere und der Benutzername "apikey. "Also, Konfig.

58
00:02:49,297 --> 00:02:51,540
‫env und dann alles, was mit E-Mails zu tun

59
00:02:51,540 --> 00:02:52,883
‫hat, setzen wir das hier.

60
00:02:54,100 --> 00:02:55,160
‫SENDGRID USERNAME

61
00:02:57,840 --> 00:02:58,673
‫ist

62
00:02:59,850 --> 00:03:00,693
‫also apikey.

63
00:03:03,100 --> 00:03:04,430
‫Und Sendgrid PASSWORD

64
00:03:07,350 --> 00:03:08,253
‫ist dieses.

65
00:03:09,880 --> 00:03:11,880
‫Und noch einmal bitte ich

66
00:03:11,880 --> 00:03:15,030
‫Sie wirklich, Ihr eigenes Konto und Ihren eigenen API-Schlüssel

67
00:03:15,030 --> 00:03:18,540
‫und Ihr eigenes Passwort zu erstellen, anstatt meines zu verwenden, okay?

68
00:03:18,540 --> 00:03:20,030
‫Denn wenn das viele

69
00:03:20,030 --> 00:03:22,820
‫tun, wird es bei allen schnell nicht mehr funktionieren, ja?

70
00:03:22,820 --> 00:03:24,610
‫Also erstelle bitte dein

71
00:03:24,610 --> 00:03:28,170
‫eigenes Konto und generiere dein eigenes Passwort, okay?

72
00:03:28,170 --> 00:03:31,453
‫Es gibt also eigentlich genug für uns zu schaffen oder zu transportieren.

73
00:03:34,250 --> 00:03:35,663
‫Und das machen wir hier,

74
00:03:36,550 --> 00:03:39,363
‫also Node Mailer. Transport erstellen.

75
00:03:43,410 --> 00:03:46,570
‫Und jetzt erinnern Sie sich daran, wie ich Ihnen vor ein paar Sekunden

76
00:03:46,570 --> 00:03:49,420
‫gesagt habe, als wir diesen E-Mail-Handler zum ersten Mal erstellt haben.

77
00:03:49,420 --> 00:03:52,830
‫Dass es einige Dienste gibt, die bereits vordefiniert sind.

78
00:03:52,830 --> 00:03:54,903
‫Und Sendgrid ist tatsächlich einer davon.

79
00:03:56,640 --> 00:04:00,633
‫So können wir den Dienst angeben und dann auf Sendgrid setzen.

80
00:04:02,510 --> 00:04:03,343
‫Gut?

81
00:04:03,343 --> 00:04:05,970
‫Und das haben wir tatsächlich schon einmal für

82
00:04:05,970 --> 00:04:08,760
‫Gmail gemacht und dann mussten wir nur noch den

83
00:04:08,760 --> 00:04:10,830
‫Benutzernamen und ein Passwort eingeben.

84
00:04:10,830 --> 00:04:13,120
‫Und hier wird genau dasselbe sein.

85
00:04:13,120 --> 00:04:15,940
‫Und das ist der Grund, warum wir

86
00:04:15,940 --> 00:04:19,770
‫eigentlich nicht einmal den Server und den Port angeben müssen, okay?

87
00:04:19,770 --> 00:04:22,830
‫Weil der Node Mailer diese Daten bereits kennt,

88
00:04:22,830 --> 00:04:25,253
‫weil er diesen Sendgrid-Dienst angibt.

89
00:04:27,790 --> 00:04:30,640
‫Jetzt müssen wir nur noch die Authentifizierung angeben und der

90
00:04:31,560 --> 00:04:39,563
‫Benutzer ist im Prozess. env. SENDGRID-BENUTZERNAME.

91
00:04:40,712 --> 00:04:42,612
‫Und jetzt lass uns das

92
00:04:46,190 --> 00:04:48,373
‫hier und hier einfach duplizieren, pass auf.

93
00:04:49,350 --> 00:04:51,783
‫Okay, und das ist es tatsächlich.

94
00:04:53,070 --> 00:04:55,800
‫Um dies zu testen, erstellen wir nun einen neuen

95
00:04:55,800 --> 00:04:57,583
‫Benutzer mit einer echten E-Mail-Adresse.

96
00:05:00,030 --> 00:05:04,940
‫Also gehen wir zu Postman und lass uns all dies hier schließen.

97
00:05:09,994 --> 00:05:10,827
‫In Ordnung,

98
00:05:12,660 --> 00:05:15,980
‫und so werde ich "Jonas. "Und jetzt werde

99
00:05:15,980 --> 00:05:19,250
‫ich als E-Mail-Adresse eine dieser Wegwerf-E-Mails erstellen, die

100
00:05:19,250 --> 00:05:22,590
‫im Grunde eine E-Mail-Adresse und ein Postfach ist, für

101
00:05:22,590 --> 00:05:25,513
‫das wir uns nicht einmal anmelden müssen.

102
00:05:27,350 --> 00:05:30,333
‫Wir werden also den Mailsac-Dienst verwenden.

103
00:05:32,880 --> 00:05:34,413
‫Das geht also

104
00:05:37,070 --> 00:05:40,140
‫so, und hier können wir jetzt wirklich alles unterbringen.

105
00:05:40,140 --> 00:05:41,583
‫Geben wir also

106
00:05:42,740 --> 00:05:46,570
‫einfach "Jonas" ein und dann kann jeder darauf zugreifen, in Ordnung?

107
00:05:46,570 --> 00:05:49,860
‫Also melde ich mich jetzt mit dieser E-Mail-Adresse

108
00:05:49,860 --> 00:05:53,563
‫an und so sollte die Willkommens-E-Mail dann in diesem Postfach landen.

109
00:05:54,500 --> 00:05:57,750
‫Und Sie können natürlich, wenn Sie

110
00:05:57,750 --> 00:06:01,610
‫das selbst testen, Ihre eigene E-Mail-Adresse dafür verwenden, okay?

111
00:06:01,610 --> 00:06:04,800
‫Legen Sie also einfach einen Benutzer mit Ihrer eigenen E-Mail-Adresse

112
00:06:04,800 --> 00:06:09,350
‫an und klicken Sie dann auf "Senden". "Und jetzt sollte

113
00:06:09,350 --> 00:06:12,563
‫unsere E-Mail mit SendGrid gesendet werden.

114
00:06:13,900 --> 00:06:16,140
‫Und jetzt kann das ein bisschen

115
00:06:17,380 --> 00:06:21,320
‫dauern, aber lass uns hier neu laden, vielleicht ist es schon da.

116
00:06:21,320 --> 00:06:22,493
‫Und tatsächlich ist es das nicht.

117
00:06:23,690 --> 00:06:26,093
‫Werfen wir also einen Blick auf unser Dashboard.

118
00:06:27,850 --> 00:06:29,170
‫Und das funktioniert

119
00:06:29,170 --> 00:06:31,540
‫meiner Erfahrung nach nicht auf Anhieb.

120
00:06:31,540 --> 00:06:34,570
‫So dauert zum Beispiel diese "EMAILS TODAY"-Nummer hier immer

121
00:06:34,570 --> 00:06:37,130
‫einige Zeit, um tatsächlich aktualisiert zu werden.

122
00:06:37,130 --> 00:06:39,800
‫Und auch die ersten E-Mails, die Sie versenden,

123
00:06:39,800 --> 00:06:42,443
‫erscheinen nicht immer dort, wo sie sollen.

124
00:06:43,480 --> 00:06:47,410
‫Dieses Verhalten, das wir hier sehen, ist also ziemlich normal.

125
00:06:47,410 --> 00:06:51,760
‫Aber versuchen wir es noch einmal, damit wir hier immer noch keine E-Mail bekommen.

126
00:06:51,760 --> 00:06:54,490
‫Aber eigentlich ist der Grund dafür,

127
00:06:54,490 --> 00:06:57,730
‫dass dieser Transport nur in der Produktion funktionieren

128
00:06:57,730 --> 00:07:00,330
‫wird und wir unsere Anwendung

129
00:07:00,330 --> 00:07:03,270
‫also tatsächlich in der Produktion ausführen müssen.

130
00:07:03,270 --> 00:07:05,820
‫Was wir im Moment nicht tun.

131
00:07:05,820 --> 00:07:07,610
‫Also lass uns

132
00:07:07,610 --> 00:07:12,203
‫das jetzt tun, npm run starte die Produktion, und lass

133
00:07:14,380 --> 00:07:17,960
‫uns das jetzt tatsächlich noch einmal versuchen.

134
00:07:17,960 --> 00:07:21,503
‫Also lösche ich zuerst den Benutzer, den wir gerade erstellt haben.

135
00:07:26,950 --> 00:07:28,933
‫Es ist also dieser hier, und

136
00:07:32,660 --> 00:07:35,340
‫lassen Sie mich all dies löschen, die wir

137
00:07:35,340 --> 00:07:36,673
‫nicht wirklich brauchen,

138
00:07:39,270 --> 00:07:40,683
‫also all diese Testbenutzer.

139
00:07:43,210 --> 00:07:45,970
‫Alles klar, und jetzt versuchen wir es noch

140
00:07:45,970 --> 00:07:47,390
‫einmal mit dieser E-Mail-Adresse.

141
00:07:49,820 --> 00:07:53,550
‫Und das ist immer noch erfolgreich und werfen wir nun noch

142
00:07:53,550 --> 00:07:55,773
‫einmal einen Blick in unser E-Mail-Postfach.

143
00:07:56,837 --> 00:08:00,093
‫Wir sehen so aus, und jetzt bekommen wir eine Nachricht!

144
00:08:01,880 --> 00:08:05,330
‫Also, wenn wir das öffnen, dann ist es hier.

145
00:08:05,330 --> 00:08:07,530
‫Aus irgendeinem Grund macht diese

146
00:08:07,530 --> 00:08:10,570
‫Anwendung mit dieser Schaltfläche hier etwas Seltsames.

147
00:08:10,570 --> 00:08:12,410
‫Es scheint also, als ob sie

148
00:08:12,410 --> 00:08:14,480
‫hier ihre eigenen Stile auf diese E-Mail anwenden.

149
00:08:14,480 --> 00:08:16,700
‫Aber egal, was hier zählt, ist, dass

150
00:08:16,700 --> 00:08:18,540
‫es tatsächlich funktioniert hat.

151
00:08:18,540 --> 00:08:20,970
‫Und so senden wir jetzt unsere allererste E-Mail

152
00:08:20,970 --> 00:08:23,393
‫mit Sendgrid an einen echten Posteingang.

153
00:08:24,350 --> 00:08:27,670
‫Mal sehen, ob es hier auch tatsächlich auftaucht.

154
00:08:27,670 --> 00:08:31,253
‫Aber wie gesagt, manchmal dauert es etwas, bis es sichtbar wird.

155
00:08:32,220 --> 00:08:36,170
‫Wie ich bereits erwähnt habe, werden hier immer noch keine E-Mails angezeigt,

156
00:08:36,170 --> 00:08:39,803
‫während wir tatsächlich bereits eine E-Mail gesendet und empfangen haben.

157
00:08:41,880 --> 00:08:43,160
‫Okay.

158
00:08:43,160 --> 00:08:46,310
‫So toll, damit kannst du jetzt

159
00:08:46,310 --> 00:08:49,470
‫bis zu hundert kostenlose E-Mails verschicken, glaube ich.

160
00:08:49,470 --> 00:08:51,870
‫Hier steht was, ja.

161
00:08:51,870 --> 00:08:54,230
‫Mit der Testversion, die Sie gerade begonnen haben, denke ich,

162
00:08:54,230 --> 00:08:55,150
‫ist es sogar

163
00:08:55,150 --> 00:08:57,300
‫noch mehr, es sind wie Tausende von E-Mails pro Tag.

164
00:08:57,300 --> 00:08:59,470
‫Aber nach einiger Zeit werden Sie

165
00:08:59,470 --> 00:09:01,030
‫auf nur hundert herabgestuft.

166
00:09:01,030 --> 00:09:03,370
‫Wenn Sie also eine echte App

167
00:09:03,370 --> 00:09:06,780
‫und ein echtes Unternehmen haben, müssen Sie diese natürlich bezahlen (murmeln).

168
00:09:06,780 --> 00:09:10,510
‫Aber zu diesem Zeitpunkt ist das hoffentlich auch kein Problem.

169
00:09:10,510 --> 00:09:14,620
‫Wie auch immer, damit ist jetzt unser Teil zum Versenden von E-Mails abgeschlossen.

170
00:09:14,620 --> 00:09:17,320
‫Und im Rest (murmeln) werden wir jetzt über

171
00:09:17,320 --> 00:09:20,210
‫das Akzeptieren von Zahlungen mit Kreditkarten und das Erstellen

172
00:09:20,210 --> 00:09:22,870
‫von Buchungen in unserem System sprechen.

173
00:09:22,870 --> 00:09:25,910
‫Das ist wirklich sehr aufregend und ich hoffe, Sie

174
00:09:25,910 --> 00:09:27,483
‫bald dort zu sehen.