Maison >interface Web >js tutoriel >React AWS Cognito : Guide de configuration de l'authentification par e-mail (première partie)
Il s'agit de la première d'une série en deux parties dans laquelle nous allons créer une application React à l'aide d'AWS Cognito pour l'authentification des utilisateurs par courrier électronique. La première partie se concentre sur la configuration des configurations AWS nécessaires, tandis que la deuxième partie plongera dans le code React pour relier le tout.
Nous travaillerons avec les services AWS suivants :
Commençons par configurer nos ressources AWS.
À des fins de test, la vérification de la propriété du domaine dans SES est facultative, car AWS propose une solution de contournement. Cependant, pour la production, la vérification de la propriété est essentielle pour permettre à SES d'envoyer des e-mails au nom de votre domaine.
Voici le processus de configuration :
Dans la configuration, j'ai choisi "Domaine" et utilisé l'exemple domain.com.
Ensuite, vous verrez une page similaire à celle-ci :
Accédez à la section Publier les enregistrements DNS et utilisez ces valeurs pour ajouter les enregistrements dans votre fournisseur de domaine.
Une fois les enregistrements DNS configurés chez votre fournisseur de domaine, vous devriez voir votre domaine vérifié, ressemblant à ceci :
Parfait, votre domaine est désormais vérifié, ce qui permet à SES d'envoyer des emails en votre nom. Cette vérification n'est pas requise pour les tests puisqu'AWS propose une méthode alternative, mais elle est essentielle pour la production.
Lors des tests, cette étape est importante car l'adresse e-mail que vous utilisez dans votre flux d'authentification doit être ajoutée à la « liste verte » d'AWS. Ici, nous ajouterons et vérifierons une adresse e-mail.
Rendez-vous vers :
Cette fois, sélectionnez Adresse e-mail :
Une fois l'identité créée, vous recevrez un e-mail d'AWS contenant un lien de vérification. Assurez-vous de vérifier votre boîte de réception et cliquez sur ce lien pour vérifier votre e-mail.
Une fois que vous avez vérifié votre e-mail, vous devriez voir une étiquette indiquant qu'il est vérifié.
À ce stade, vous devriez faire vérifier votre domaine et votre adresse e-mail. Si la vérification du domaine est facultative lors des tests, elle devient nécessaire en production. En revanche, la vérification des e-mails est requise pour les tests mais pas pour la production.
Remarque : dans le cadre du flux d'authentification, un code de confirmation sera envoyé à ce compte de messagerie. Si le compte de messagerie n'est pas vérifié, il ne recevra pas le code.
La dernière pièce à configurer est Cognito. Ce service permet l'authentification du compte, et dans ce cas, nous utiliserons l'e-mail pour l'authentification. Voici comment cela fonctionne :
Au lieu de gérer vous-même l'authentification, vous pouvez tirer parti d'AWS Cognito.
Allons à :
Remarque : Pour la plupart des étapes, je m'en tiens aux options par défaut, je ne mentionnerai donc que les choix personnalisés que je fais. En fonction de votre projet, vous souhaiterez peut-être configurer différents paramètres.
Cognito enverra un e-mail avec un code de vérification, idéalement de votre domaine, c'est pourquoi le domaine doit être vérifié dans la section précédente. Ici, vous pouvez voir qu'AWS propose l'option "Envoyer un e-mail avec Cognito" qui convient au développement. Cependant, en production, vous devez vous assurer que votre domaine est vérifié pour un processus d'envoi d'e-mails plus professionnel et plus fiable.
Une fois créé, vous devriez le voir sur le tableau de bord comme ceci :
C'est ça ! Vous avez maintenant tout configuré sur AWS. Dans le prochain article, je montrerai comment connecter votre application React à Cognito pour authentifier un utilisateur à l'aide de sa messagerie. Surveillez l'article, qui sera publié lundi prochain.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!