Dies ist der erste Teil einer zweiteiligen Serie, in der wir eine React-App mit AWS Cognito für die E-Mail-basierte Benutzerauthentifizierung erstellen. Teil 1 konzentriert sich auf die Einrichtung der notwendigen AWS-Konfigurationen, während Teil 2 sich mit dem React-Code befasst, um alles zusammenzufügen.
Wir arbeiten mit den folgenden AWS-Diensten zusammen:
Beginnen wir mit der Einrichtung unserer AWS-Ressourcen.
Zu Testzwecken ist die Überprüfung des Domänenbesitzes in SES optional, da AWS eine Problemumgehung bietet. Für die Produktion ist jedoch die Überprüfung des Eigentums unerlässlich, damit SES E-Mails im Namen Ihrer Domain versenden kann.
Hier ist der Einrichtungsprozess:
Im Setup habe ich „Domain“ ausgewählt und das Beispiel domain.com verwendet.
Dann sehen Sie eine Seite ähnlich dieser:
Navigieren Sie zum Abschnitt DNS-Einträge veröffentlichen und verwenden Sie diese Werte, um die Einträge bei Ihrem Domain-Anbieter hinzuzufügen.
Sobald die DNS-Einträge bei Ihrem Domain-Anbieter eingerichtet sind, sollte Ihre Domain verifiziert sein und etwa so aussehen:
Perfekt, Ihre Domain ist jetzt verifiziert, sodass SES E-Mails in Ihrem Namen versenden kann. Diese Überprüfung ist zum Testen nicht erforderlich, da AWS eine alternative Methode bereitstellt, sie ist jedoch für die Produktion unerlässlich.
Beim Testen ist dieser Schritt wichtig, da die E-Mail-Adresse, die Sie in Ihrem Authentifizierungsablauf verwenden, zur „Zulassungsliste“ von AWS hinzugefügt werden muss. Hier fügen wir eine E-Mail-Adresse hinzu und bestätigen sie.
Gehen Sie zu:
Wählen Sie dieses Mal E-Mail-Adresse:
Sobald die Identität erstellt wurde, erhalten Sie eine E-Mail von AWS mit einem Verifizierungslink. Überprüfen Sie unbedingt Ihren Posteingang und klicken Sie auf den Link, um Ihre E-Mail-Adresse zu bestätigen.
Sobald Sie Ihre E-Mail-Adresse bestätigt haben, sollte ein Etikett angezeigt werden, das darauf hinweist, dass sie bestätigt ist.
Zu diesem Zeitpunkt sollten sowohl Ihre Domain als auch Ihre E-Mail-Adresse bestätigt sein. Während die Domänenüberprüfung beim Testen optional ist, wird sie in der Produktion notwendig. Andererseits ist eine E-Mail-Verifizierung zum Testen erforderlich, nicht jedoch für die Produktion.
Hinweis: Im Rahmen des Authentifizierungsvorgangs wird ein Bestätigungscode an dieses E-Mail-Konto gesendet. Wenn das E-Mail-Konto nicht verifiziert ist, erhält es den Code nicht.
Der letzte zu konfigurierende Teil ist Cognito. Dieser Dienst ermöglicht die Kontoauthentifizierung. In diesem Fall verwenden wir E-Mail zur Authentifizierung. So funktioniert es:
Anstatt die Authentifizierung selbst durchzuführen, können Sie AWS Cognito nutzen.
Lass uns gehen zu:
Hinweis: Bei den meisten Schritten bleibe ich bei den Standardoptionen, daher erwähne ich nur die benutzerdefinierten Optionen, die ich treffe. Abhängig von Ihrem Projekt möchten Sie möglicherweise unterschiedliche Einstellungen konfigurieren.
Cognito sendet eine E-Mail mit einem Bestätigungscode, idealerweise von Ihrer Domain, weshalb die Domain im vorherigen Abschnitt überprüft werden muss. Hier sehen Sie, dass AWS die Option „E-Mail mit Cognito senden“ bietet, die für die Entwicklung geeignet ist. In der Produktion möchten Sie jedoch sicherstellen, dass Ihre Domain verifiziert wird, um einen professionelleren und zuverlässigeren E-Mail-Versandprozess zu ermöglichen.
Sobald es erstellt ist, sollte es auf dem Dashboard wie folgt angezeigt werden:
Das ist es! Sie haben jetzt alles in AWS eingerichtet. Im nächsten Beitrag werde ich zeigen, wie Sie Ihre React-App mit Cognito verbinden, um einen Benutzer anhand seiner E-Mail-Adresse zu authentifizieren. Achten Sie auf den Beitrag, der nächsten Montag veröffentlicht wird.
Das obige ist der detaillierte Inhalt vonReact AWS Cognito: Einrichtungshandbuch für die E-Mail-Authentifizierung (erster Teil). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
