Flutter
...
Authentication
Flutter Email-Verifizierung: Parse-Integration
11 min
benutzere mail verifizierung für flutter einführung die aktivierung der e mail verifizierung in den einstellungen einer anwendung ermöglicht es der anwendung, einen teil ihrer erfahrung für benutzer mit bestätigten e mail adressen zu reservieren die e mail verifizierung fügt den emailverified emailverified schlüssel zum parseuser parseuser objekt hinzu wenn eine parseuser parseuser e mail gesetzt oder geändert wird, wird emailverified emailverified auf false false gesetzt parse sendet dann dem benutzer einen link, der emailverified emailverified auf true true setzt es gibt drei emailverified emailverified zustände zu berücksichtigen true der benutzer hat seine oder ihre e mail adresse bestätigt, indem er auf den link geklickt hat, den parse ihm oder ihr per e mail gesendet hat false zum zeitpunkt, als das parseuser parseuser objekt zuletzt abgerufen wurde, hatte der benutzer seine oder ihre e mail adresse nicht bestätigt wenn emailverified emailverified false false wenn emailverified false ist, ziehen sie in betracht, getupdateduser() getupdateduser() auf dem parseuser aufzurufen fehlend die in diesem leitfaden lernen sie, wie sie einen e mail verifizierungsprozess für eine benutzerregistrierungsfunktion (anmeldung) einrichten sie werden eine app erstellen, die die benutzerregistrierung mit e mail verifizierung unter verwendung von parse server kernfunktionen https //www back4app com/product/parse server über back4app sie werden die gleiche methode verwenden, die sie zur implementierung der benutzerregistrierung verwendet haben, aber anstatt den benutzer zu einem angemeldeten bildschirm weiterzuleiten, werden sie den benutzer bitten, seine e mail zu verifizieren, um sich anzumelden ziel erstellen sie eine funktion für den e mail verifizierungsprozess für benutzer mit parse für eine flutter app voraussetzungen um dieses tutorial abzuschließen, benötigen sie flutter version 2 2 x oder höher https //flutter dev/docs/get started/install android studio https //developer android com/studio oder vs code installiert (mit plugins dart und flutter) eine flutter app, die im vorherigen leitfaden erstellt wurde hinweis befolgen sie die anleitung zur implementierung der benutzerpasswortzurücksetzung vervollständigen sie den vorherigen leitfaden, damit sie ein besseres verständnis der parseuser parseuser klasse haben ein gerät (kein simulator), das android oder ios ausführt verstehen der e mail bestätigungsfunktion um die e mail bestätigungsfunktion besser zu verstehen, werden wir die entwicklung der anwendung fortsetzen, die im vorherigen leitfaden begonnen wurde, und die funktion implementieren wir werden den code der flutter anwendung nicht erklären, da der schwerpunkt dieses leitfadens auf der verwendung von flutter mit parse liegt indem sie die nächsten schritte befolgen, werden sie eine login und logout app in der back4app datenbank erstellen lass uns anfangen! in den folgenden schritten werden sie in der lage sein, eine e mail überprüfungsfunktion in der app zu erstellen 1 e mail überprüfung aktivieren lassen sie uns nun die e mail überprüfung im back4app dashboard aktivieren die seite zur e mail überprüfung hat zwei eigenschaften benutzer e mails überprüfen benutzer e mails überprüfen und anmeldung verhindern, wenn die e mail nicht überprüft ist anmeldung verhindern, wenn die e mail nicht überprüft ist wenn sie nur die option benutzer e mails überprüfen aktivieren, erhält der benutzer die bestätigungs e mail, kann sich jedoch normal anmelden und die anwendung nutzen wenn sie auch die option anmeldung verhindern, wenn die e mail nicht überprüft ist anmeldung verhindern, wenn die e mail nicht überprüft ist aktivieren, kann sich der benutzer erst nach abschluss des e mail überprüfungsprozesses anmelden gehen sie zu ihrer app auf back4app website https //www back4app com/ und klicken sie auf servereinstellungen servereinstellungen suchen sie die karte der bestätigungs e mails und klicken sie auf karte der bestätigungs e mails und klicken sie auf einstellungen` 3\ klicken sie auf benutzer e mail überprüfen benutzer e mail überprüfen und anmeldung verhindern, wenn die e mail nicht überprüft ist anmeldung verhindern, wenn die e mail nicht überprüft ist 4\ optional füllen sie die leeren felder aus und ändern sie die bereits ausgefüllten felder nach ihren wünschen 5\ klicken sie auf den speichern speichern button 2 aktualisieren sie die anmeldungs /abmeldungs /passwort zurücksetzen app öffnen sie das flutter projekt aus dem vorherigen leitfaden so fügen sie das zurücksetzen des benutzerpassworts zu einer flutter app hinzu https //www back4app com/docs/flutter/parse sdk/users/flutter reset password suchen sie die funktion douserregistration douserregistration in der datei main dart main dart nach dem aufruf der funktion user signup() user signup() ;, rufen sie die user logout() user logout() funktion auf, um sicherzustellen, dass der benutzer sich nicht anmeldet, bis die e mail bestätigt ist aktualisieren sie die nachricht, die den benutzer informiert, die mailbox zu überprüfen, und leiten sie den benutzer zum startbildschirm weiter ersetzen sie den code innerhalb von douserregistration douserregistration mit 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 } hinweis der code für die signup funktion wurde zuvor erklärt 3 testen sie die anmeldung um es zu testen, klicken sie auf die ausführen ausführen schaltfläche in android studio/vscode führen sie den registrierungsprozess durch, indem sie auf die schaltfläche anmelden anmelden klicken nach der anmeldung erhalten wir eine e mail wie diese nachdem sie auf den link geklickt haben, um die e mail zu verifizieren, wird die eigenschaft im parse dashboard auf true gesetzt 4 einloggen um das einloggen mit e mail verifizierung zu implementieren, müssen sie nur ein parse benutzer login implementieren, genau wie im benutzer login leitfaden https //www back4app com/docs/flutter/parse sdk/users/flutter login beschrieben wenn sie die option ‚anmeldung verhindern, wenn die e mail nicht verifiziert ist‘ in schritt 2 aktiviert haben, erhalten sie den folgenden fehler, wenn sie versuchen, sich ohne verifizierung ihrer e mail anzumelden es ist erledigt! in diesem stadium können sie sich anmelden, registrieren oder sich von ihrer app abmelden, indem sie die e mail verifizierung mit den kernfunktionen des parse servers über back4app verwenden!