‫-: Verwenden wir nun also den
‫Sendgrid-Dienst, um echte E-Mails an echte E-Mail-Postfächer zu senden.
‫Anstatt zu unserem Entwicklungspostfach bei Mailtrap.
‫Also, lass uns hier einen neuen Tab
‫öffnen und nach Sendgrid suchen und dann ist es hier,
‫SendGrid. com
‫Alles klar, wir können es also kostenlos testen.
‫Es gibt dann einige Beschränkungen,
‫aber Sie können immer noch ein kostenloses Konto
‫erstellen, von dem aus Sie etwa hundert E-Mails pro Tag senden können.
‫In Ordnung, also erstellen Sie hier Ihr Konto und kehren Sie zu
‫diesem Video zurück, wenn Sie bereit sind.
‫Okay, und nachdem Sie Ihr Konto erstellt
‫haben, sollten Sie Ihr
‫Dashboard sehen, das ungefähr so aussehen sollte, in Ordnung?
‫Sie sehen also, dass es hier auf der linken Seite eine Menge Dinge gibt,
‫die Sie wie Vorlagen auswählen können, Sie können alle
‫Arten von Statistiken über die E-Mails sehen, die Sie senden.
‫Und wirklich, es gibt eine Menge
‫Einstellungen, die Sie auch hier einstellen können, okay?
‫Aber im Moment
‫interessiert uns die Einrichtungsanleitung.
‫Okay?
‫Hier in der oberen linken Ecke Ihres Dashboards sollten Sie
‫also dieses Menü hier haben,
‫wo wir dann auf die Einrichtungsanleitung klicken möchten.
‫Wenn die Seite zu dem Zeitpunkt, an dem
‫Sie sich dieses
‫Video ansehen, etwas anders aussieht, finden Sie möglicherweise auch den
‫Link zur Einrichtungsanleitung hier unten.
‫Und in diesem Fall hier auf der Sichtseite.
‫Lassen Sie uns das also öffnen, und jetzt möchten
‫wir die Integration mithilfe unserer Web-API oder des SMTP-Relays durchführen, in Ordnung?
‫Und Sie könnten Sendgrid auch
‫problemlos in Wordpress oder Drupal oder ähnliches integrieren.
‫Aber das wollen wir natürlich nicht.
‫Hier wollen wir also die
‫erste Option und dann das SMTP-Relay.
‫Denn das ist dasjenige, das wir
‫brauchen, wenn wir den
‫Node-Mailer verwenden und damit einen Transport erstellen wollen.
‫Und genau das machen wir
‫und so haben wir uns für dieses entschieden.
‫Andererseits könnten wir auch
‫die einfach zu bedienende Sendgrid-API verwenden und
‫würden dann diesen Weg wählen.
‫Aber auch hier müssen wir beim Node-Mailer diese
‫Option hier auswählen.
‫Und von hier aus ist es ganz einfach.
‫Hier müssen wir also nur einen API-Schlüssel mit einem Namen erstellen.
‫Und damit dieser Name überhaupt nicht relevant ist,
‫nennen wir ihn einfach "natours".
‫Schlüssel erstellen.
‫Um nun einen Node-Mailer zu konfigurieren oder
‫zu transportieren, brauchen wir eigentlich nur diesen Benutzernamen und dieses Passwort.
‫Also fügen wir diese beiden zu unserer Konfigurationsdatei hinzu, damit ich
‫das Passwort kopiere und der Benutzername "apikey. "Also, Konfig.
‫env und dann alles, was mit E-Mails zu tun
‫hat, setzen wir das hier.
‫SENDGRID USERNAME
‫ist
‫also apikey.
‫Und Sendgrid PASSWORD
‫ist dieses.
‫Und noch einmal bitte ich
‫Sie wirklich, Ihr eigenes Konto und Ihren eigenen API-Schlüssel
‫und Ihr eigenes Passwort zu erstellen, anstatt meines zu verwenden, okay?
‫Denn wenn das viele
‫tun, wird es bei allen schnell nicht mehr funktionieren, ja?
‫Also erstelle bitte dein
‫eigenes Konto und generiere dein eigenes Passwort, okay?
‫Es gibt also eigentlich genug für uns zu schaffen oder zu transportieren.
‫Und das machen wir hier,
‫also Node Mailer. Transport erstellen.
‫Und jetzt erinnern Sie sich daran, wie ich Ihnen vor ein paar Sekunden
‫gesagt habe, als wir diesen E-Mail-Handler zum ersten Mal erstellt haben.
‫Dass es einige Dienste gibt, die bereits vordefiniert sind.
‫Und Sendgrid ist tatsächlich einer davon.
‫So können wir den Dienst angeben und dann auf Sendgrid setzen.
‫Gut?
‫Und das haben wir tatsächlich schon einmal für
‫Gmail gemacht und dann mussten wir nur noch den
‫Benutzernamen und ein Passwort eingeben.
‫Und hier wird genau dasselbe sein.
‫Und das ist der Grund, warum wir
‫eigentlich nicht einmal den Server und den Port angeben müssen, okay?
‫Weil der Node Mailer diese Daten bereits kennt,
‫weil er diesen Sendgrid-Dienst angibt.
‫Jetzt müssen wir nur noch die Authentifizierung angeben und der
‫Benutzer ist im Prozess. env. SENDGRID-BENUTZERNAME.
‫Und jetzt lass uns das
‫hier und hier einfach duplizieren, pass auf.
‫Okay, und das ist es tatsächlich.
‫Um dies zu testen, erstellen wir nun einen neuen
‫Benutzer mit einer echten E-Mail-Adresse.
‫Also gehen wir zu Postman und lass uns all dies hier schließen.
‫In Ordnung,
‫und so werde ich "Jonas. "Und jetzt werde
‫ich als E-Mail-Adresse eine dieser Wegwerf-E-Mails erstellen, die
‫im Grunde eine E-Mail-Adresse und ein Postfach ist, für
‫das wir uns nicht einmal anmelden müssen.
‫Wir werden also den Mailsac-Dienst verwenden.
‫Das geht also
‫so, und hier können wir jetzt wirklich alles unterbringen.
‫Geben wir also
‫einfach "Jonas" ein und dann kann jeder darauf zugreifen, in Ordnung?
‫Also melde ich mich jetzt mit dieser E-Mail-Adresse
‫an und so sollte die Willkommens-E-Mail dann in diesem Postfach landen.
‫Und Sie können natürlich, wenn Sie
‫das selbst testen, Ihre eigene E-Mail-Adresse dafür verwenden, okay?
‫Legen Sie also einfach einen Benutzer mit Ihrer eigenen E-Mail-Adresse
‫an und klicken Sie dann auf "Senden". "Und jetzt sollte
‫unsere E-Mail mit SendGrid gesendet werden.
‫Und jetzt kann das ein bisschen
‫dauern, aber lass uns hier neu laden, vielleicht ist es schon da.
‫Und tatsächlich ist es das nicht.
‫Werfen wir also einen Blick auf unser Dashboard.
‫Und das funktioniert
‫meiner Erfahrung nach nicht auf Anhieb.
‫So dauert zum Beispiel diese "EMAILS TODAY"-Nummer hier immer
‫einige Zeit, um tatsächlich aktualisiert zu werden.
‫Und auch die ersten E-Mails, die Sie versenden,
‫erscheinen nicht immer dort, wo sie sollen.
‫Dieses Verhalten, das wir hier sehen, ist also ziemlich normal.
‫Aber versuchen wir es noch einmal, damit wir hier immer noch keine E-Mail bekommen.
‫Aber eigentlich ist der Grund dafür,
‫dass dieser Transport nur in der Produktion funktionieren
‫wird und wir unsere Anwendung
‫also tatsächlich in der Produktion ausführen müssen.
‫Was wir im Moment nicht tun.
‫Also lass uns
‫das jetzt tun, npm run starte die Produktion, und lass
‫uns das jetzt tatsächlich noch einmal versuchen.
‫Also lösche ich zuerst den Benutzer, den wir gerade erstellt haben.
‫Es ist also dieser hier, und
‫lassen Sie mich all dies löschen, die wir
‫nicht wirklich brauchen,
‫also all diese Testbenutzer.
‫Alles klar, und jetzt versuchen wir es noch
‫einmal mit dieser E-Mail-Adresse.
‫Und das ist immer noch erfolgreich und werfen wir nun noch
‫einmal einen Blick in unser E-Mail-Postfach.
‫Wir sehen so aus, und jetzt bekommen wir eine Nachricht!
‫Also, wenn wir das öffnen, dann ist es hier.
‫Aus irgendeinem Grund macht diese
‫Anwendung mit dieser Schaltfläche hier etwas Seltsames.
‫Es scheint also, als ob sie
‫hier ihre eigenen Stile auf diese E-Mail anwenden.
‫Aber egal, was hier zählt, ist, dass
‫es tatsächlich funktioniert hat.
‫Und so senden wir jetzt unsere allererste E-Mail
‫mit Sendgrid an einen echten Posteingang.
‫Mal sehen, ob es hier auch tatsächlich auftaucht.
‫Aber wie gesagt, manchmal dauert es etwas, bis es sichtbar wird.
‫Wie ich bereits erwähnt habe, werden hier immer noch keine E-Mails angezeigt,
‫während wir tatsächlich bereits eine E-Mail gesendet und empfangen haben.
‫Okay.
‫So toll, damit kannst du jetzt
‫bis zu hundert kostenlose E-Mails verschicken, glaube ich.
‫Hier steht was, ja.
‫Mit der Testversion, die Sie gerade begonnen haben, denke ich,
‫ist es sogar
‫noch mehr, es sind wie Tausende von E-Mails pro Tag.
‫Aber nach einiger Zeit werden Sie
‫auf nur hundert herabgestuft.
‫Wenn Sie also eine echte App
‫und ein echtes Unternehmen haben, müssen Sie diese natürlich bezahlen (murmeln).
‫Aber zu diesem Zeitpunkt ist das hoffentlich auch kein Problem.
‫Wie auch immer, damit ist jetzt unser Teil zum Versenden von E-Mails abgeschlossen.
‫Und im Rest (murmeln) werden wir jetzt über
‫das Akzeptieren von Zahlungen mit Kreditkarten und das Erstellen
‫von Buchungen in unserem System sprechen.
‫Das ist wirklich sehr aufregend und ich hoffe, Sie
‫bald dort zu sehen.