User Registration - login

12 min

fügen sie die benutzerregistrierung und das anmelden mit javascript zu ihrer parse app hinzu einführung dieser abschnitt erklärt, wie man eine grundlegende benutzerregistrierung mit e mail verifizierung in einer javascript umgebung über back4app https //www back4app com/ durchführt in diesem tutorial verwenden sie das \parse user\ objekt und lernen seine wichtigsten funktionen kennen weitere informationen zum parse sdk finden sie unter parse javascript sdk api referenz https //parseplatform org/parse sdk js/api/4 3 1/ und parse open source dokumentation für javascript sdk https //docs parseplatform org/js/guide/ voraussetzungen um dieses tutorial abzuschließen, benötigen sie eine grundlegende javascript app, die mit back4app verbunden ist, oder jsbin, das mit unserer parse api verbunden ist hinweis sie können die app verwenden, die in unserem javascript install parse sdk tutorial https //www back4app com/docs/javascript/parse javascript sdk erstellt wurde, oder dieselbe online umgebung jsbin https //jsbin com/?html,js,output mit der im javascript datenbankoperationen tutorial https //www back4app com/docs/javascript/serverless database durchgeführten einrichtung 1 registrieren die benutzerregistrierungsfunktion ähnelt der \create\ funktion, die im javascript datenbankoperationen tutorial https //www back4app com/docs/javascript/serverless database , hat jedoch einige zusätzliche vorteile überprüfen sie, ob der benutzername und die e mail eindeutig sind das passwort wird sicher in der cloud gehasht nicht einmal der entwickler kann das passwort des benutzers sehen benötigt mindestens einen benutzernamen und ein passwort sie können die e mail als benutzernamen verwenden, wenn sie möchten sie können die back4app javascript sign up funktion https //jsbin com/guhikig/edit?html,js,console öffnen, um den bereits implementierten code zu sehen um ihre eigene signup funktion zu erstellen, müssen sie die gleichen schritte der create funktion wiederholen, die im javascript crud tutorial https //www back4app com/docs/javascript/serverless database erklärt wird, aber die methode user signup anstelle der save methode aufrufen, wie unten gezeigt signup js signup(); function signup() { // create a new instance of the user class var user = new parse user(); user set("username", "my name"); user set("password", "my pass"); user set("email", "email\@example com"); // other fields can be set just like with parse object user set("phone", "415 392 0202"); user signup() then(function(user) { console log('user created successful with name ' + user get("username") + ' and email ' + user get("email")); }) catch(function(error){ console log("error " + error code + " " + error message); }); } seien sie sich bewusst, dass fehler 202 oder fehler 203 wahrscheinlich auftreten, wenn sie den benutzernamen oder die e mail nicht ändern der fehler 209 ungültiges saison token tritt ebenfalls wahrscheinlich auf, wenn ihre browser cookies mit ihrer aktuellen sitzung von parse in konflikt stehen um dies zu umgehen, löschen sie ihre browser cookies oder öffnen sie den inkognito modus ihres browsers um zu bestätigen, dass der neue benutzer zur datenbank hinzugefügt wurde, können sie auf ihr \parse dashboard\ zugreifen oder die \login\ funktion codieren, die im folgenden bereitgestellt wird 2 e mail verifizierung eine wichtige funktion einer anmeldemethode ist die e mail verifizierung glücklicherweise ist es einfach, dies mit back4app zu konfigurieren um die e mail verifizierung zu aktivieren, melden sie sich bei ihrem konto an, suchen sie ihre app und klicken sie auf \servereinstellungen\ suchen sie das feld „verifizierungs e mails“ und klicken sie auf \einstellungen\ so sieht das feld „verifizierungs e mails“ aus aktivieren sie dann die verifizierung, indem sie das feld unten ankreuzen wenn sie die cloud umgebung von jsbin verwenden, müssen sie diesen schritt nicht ausführen durch die aktivierung erhält die klasse des benutzers in ihrer datenbank ein zusätzliches feld \verifiedemail\ dieses feld wird auf true gesetzt, wenn die e mail verifiziert ist, auf false, wenn die e mail nicht verifiziert ist, und undefined, wenn der benutzer vor der überprüfung dieser einstellung erstellt wurde auf dieser seite können sie auch die e mail anpassen, den betreff, den text und die e mail adresse sowie den namen des absenders ändern um zu sehen, wie die e mail aussieht, erstellen sie einfach einen benutzer, indem sie die \signup\ funktion verwenden, mit einer e mail, auf die sie zugreifen können sie sollten eine e mail zur verifizierung erhalten 3 anmeldung die anmeldefunktion ist sehr einfach und benötigt nur ein passwort und einen benutzernamen, um zu funktionieren sie können die back4app javascript anmeldefunktion https //jsbin com/delazew/edit?html,js,console öffnen, um den bereits implementierten code zu sehen sie müssen die \parse user login\ methode wie folgt aufrufen login js login(); function login() { // create a new instance of the user class var user = parse user login("myname", "mypass") then(function(user) { console log('user created successful with name ' + user get("username") + ' and email ' + user get("email")); }) catch(function(error){ console log("error " + error code + " " + error message); }); } 4 passwort zurücksetzen es ist sehr wichtig die option passwort zurücksetzen hinzuzufügen, da benutzer wahrscheinlich ihr passwort in der zukunft vergessen werden die konfiguration für die e mail, die in der funktion zum zurücksetzen des passworts gesendet wird, befindet sich auf derselben seite wie im e mail bestätigungsschritt dort können sie den text und den betreff der e mail ändern sie können die back4app javascript funktion zum zurücksetzen des passworts https //jsbin com/guwuben/edit?html,js,console,output öffnen, um den bereits implementierten code zu sehen um die e mail zum zurücksetzen des passworts zu senden, führen sie einfach den folgenden code aus resetpassword js resetpassword(); function resetpassword() { parse user requestpasswordreset("email\@example com") then(function() { console log("password reset request was sent successfully"); }) catch(function(error) { console log("the login failed with error " + error code + " " + error message); }); } es ist erledigt! an diesem punkt haben sie nicht nur gelernt, wie man die benutzerregistrierung mit javascript apps durchführt, sondern auch, wie man e mail bestätigungen und e mails zum zurücksetzen des passworts sendet