Intégrer vérification e-mail avec Parse dans Flutter

vérification de l'email utilisateur pour flutter introduction activer la vérification de l'email dans les paramètres d'une application permet à l'application de réserver une partie de son expérience pour les utilisateurs ayant des adresses email confirmées la vérification de l'email ajoute la emailverified emailverified clé à l'objet parseuser parseuser lorsqu'un email de parseuser parseuser est défini ou modifié, emailverified emailverified est défini sur false false parse envoie ensuite un email à l'utilisateur avec un lien qui définira emailverified emailverified sur true true il y a trois états de emailverified emailverified à considérer true l'utilisateur a confirmé son adresse email en cliquant sur le lien que parse lui a envoyé false au moment où l'objet parseuser parseuser a été récupéré pour la dernière fois, l'utilisateur n'avait pas confirmé son adresse email si emailverified emailverified est false false si emailverified est faux, envisagez d'appeler getupdateduser() getupdateduser() sur le parseuser manquant le dans ce guide, vous apprendrez comment mettre en place un processus de vérification d'email utilisateur pour une fonctionnalité d'inscription utilisateur (s'inscrire) vous allez créer une application qui inclut l'inscription des utilisateurs avec vérification par email en utilisant les fonctionnalités principales de parse server https //www back4app com/product/parse server via back4app vous utiliserez la même méthode que celle que vous avez utilisée pour mettre en œuvre l'inscription des utilisateurs, mais au lieu de rediriger l'utilisateur vers un écran connecté, vous demanderez à l'utilisateur de vérifier son email pour se connecter objectif construire une fonctionnalité de processus de vérification d'email utilisateur en utilisant parse pour une application flutter prérequis pour compléter ce tutoriel, vous aurez besoin de version de flutter 2 2 x ou ultérieure https //flutter dev/docs/get started/install android studio https //developer android com/studio ou vs code installé (avec plugins dart et flutter) une application flutter créée dans le guide précédent remarque suivez le comment implémenter la réinitialisation du mot de passe utilisateur complétez le guide précédent afin que vous puissiez mieux comprendre la classe parseuser classe parseuser un appareil (pas un simulateur) fonctionnant sous android ou ios comprendre la fonction de vérification par e mail pour mieux comprendre la fonction de vérification par e mail, nous allons continuer le développement de l'application commencé dans le guide précédent et implémenter la fonction nous n'expliquerons pas le code de l'application flutter car l'objectif principal de ce guide est d'utiliser flutter avec parse en suivant les étapes suivantes, vous construirez une application de connexion et de déconnexion dans la base de données back4app commençons ! dans les étapes suivantes, vous serez en mesure de créer une fonction de vérification d'email dans l'application 1 activer la vérification par email activons maintenant la vérification par email sur le tableau de bord back4app la page de vérification par email a deux propriétés vérifier les emails des utilisateurs vérifier les emails des utilisateurs et empêcher la connexion si l'email n'est pas vérifié empêcher la connexion si l'email n'est pas vérifié si vous activez uniquement l'option vérifier les emails des utilisateurs, l'utilisateur recevra l'email de vérification mais pourra se connecter et utiliser l'application normalement si vous activez également l'option empêcher la connexion si l'email n'est pas vérifié empêcher la connexion si l'email n'est pas vérifié l'utilisateur ne pourra se connecter qu'après avoir terminé le processus de vérification par email allez sur votre application à site web back4app https //www back4app com/ et cliquez sur paramètres du serveur paramètres du serveur trouvez la carte des emails de vérification et cliquez sur carte des emails de vérification et cliquez sur paramètres` 3\ cliquez sur vérifier l'email de l'utilisateur vérifier l'email de l'utilisateur et empêcher la connexion si l'email n'est pas vérifié empêcher la connexion si l'email n'est pas vérifié 4\ optionnel remplissez les champs vides et modifiez ceux qui ont déjà été remplis en fonction de vos préférences 5\ cliquez sur le enregistrer enregistrer bouton 2 mettre à jour l'application de connexion/déconnexion/réinitialisation du mot de passe ouvrez le projet flutter du guide précédent comment ajouter la réinitialisation du mot de passe utilisateur à une application flutter https //www back4app com/docs/flutter/parse sdk/users/flutter reset password recherchez la fonction douserregistration douserregistration dans le fichier main dart main dart après avoir appelé la fonction user signup() user signup() ;, appelez la user logout() user logout() fonction, pour s'assurer que l'utilisateur ne se connecte pas tant que l'email n'est pas confirmé mettez à jour le message informant l'utilisateur de vérifier la boîte aux lettres et redirigez l'utilisateur vers l'écran d'accueil remplacez le code à l'intérieur de douserregistration douserregistration avec 1 void douserregistration() async { 2 final username = controllerusername text trim(); 3 final email = controlleremail text trim(); 4 final password = controllerpassword text trim(); 5 6 final user = parseuser createuser(username, password, email); 7 8 var response = await user signup(); 9 10 if (response success) { 11 message showsuccess( 12 context context, 13 message 'user was successfully created! please verify your email before login', 14 onpressed () async { 15 navigator pop(context); 16 }); 17 } else { 18 message showerror(context context, message response error! message); 19 } 20 } remarque le code de la fonction signup a été expliqué précédemment 3 tester l'inscription pour le tester, cliquez sur le exécuter exécuter bouton dans android studio/vscode effectuez le processus d'inscription, en cliquant sur le bouton s'inscrire s'inscrire après l'inscription, nous recevrons un e mail comme celui ci après avoir cliqué sur le lien pour vérifier l'e mail, la propriété sera définie sur vrai dans le tableau de bord parse 4 connexion pour implémenter la connexion avec vérification par e mail, vous devez simplement implémenter une connexion utilisateur parse comme décrit dans le guide de connexion utilisateur https //www back4app com/docs/flutter/parse sdk/users/flutter login si vous avez activé l'option ‘empêcher la connexion si l'e mail n'est pas vérifié’ à l'étape 2, vous obtiendrez l'erreur suivante si vous essayez de vous connecter sans vérifier votre e mail c'est fait ! à ce stade, vous pouvez vous connecter, vous inscrire ou vous déconnecter de votre application en utilisant la vérification par e mail avec les fonctionnalités de base de parse server via back4app !