JavaScript
Inscription de l'utilisateur - connexion
12 min
ajoutez l'enregistrement et la connexion des utilisateurs javascript à votre application parse introduction cette section explique comment effectuer un enregistrement d'utilisateur de base avec vérification par e mail dans un environnement javascript via https //www back4app com/ dans ce tutoriel, vous utiliserez l'objet parse user parse user et apprendrez ses fonctions les plus importantes voir plus sur le sdk parse à https //parseplatform org/parse sdk js/api/4 3 1/ et https //docs parseplatform org/js/guide/ prérequis pour compléter ce tutoriel, vous aurez besoin de une application javascript de base connectée à back4app ou jsbin connectée à notre api parse remarque vous pouvez utiliser l'application créée dans notre https //www back4app com/docs/javascript/parse javascript sdk ou utiliser le même environnement en ligne https //jsbin com/?html,js,output avec la configuration effectuée dans le https //www back4app com/docs/javascript/serverless database 1 inscription la fonction d'inscription de l'utilisateur est similaire à la create create fonction utilisée dans le https //www back4app com/docs/javascript/serverless database , mais elle présente quelques avantages supplémentaires vérifiez si le nom d'utilisateur et l'email sont uniques hache le mot de passe de manière sécurisée dans le cloud même le développeur ne peut pas voir le mot de passe de l'utilisateur nécessite au moins un nom d'utilisateur et un mot de passe vous pouvez utiliser l'email comme nom d'utilisateur si vous le souhaitez vous pouvez ouvrir le https //jsbin com/guhikig/edit?html,js,console pour voir le code qui a déjà été implémenté pour créer votre propre fonction d'inscription, vous devez répéter les mêmes étapes que la fonction de création expliquée dans le https //www back4app com/docs/javascript/serverless database mais appeler la méthode user signup au lieu de la méthode save, comme montré ci dessous 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); }); } soyez conscient que erreur 202 ou erreur 203 est susceptible de se produire si vous ne changez pas le nom d'utilisateur ou l'email l' erreur 209 token de saison invalide est également susceptible de se produire lorsque les cookies de votre navigateur entrent en conflit avec votre session actuelle de parse pour contourner cela, effacez les cookies de votre navigateur ou ouvrez le mode incognito de votre navigateur pour confirmer que le nouvel utilisateur a été ajouté à la base de données, vous pouvez accéder à votre tableau de bord parse tableau de bord parse ou coder la fonction de connexion fonction de connexion qui sera fournie plus tard 2 vérification par email une fonctionnalité importante d'une méthode d'inscription est la vérification par email heureusement, il est facile de la configurer en utilisant back4app pour activer la vérification par email, connectez vous à votre compte, trouvez votre application, et cliquez sur paramètres du serveur paramètres du serveur trouvez la case “emails de vérification” et cliquez sur paramètres paramètres voici à quoi ressemble la case “emails de vérification” ensuite, activez la vérification en cochant la case ci dessous si vous utilisez l'environnement cloud de jsbin, il n'est donc pas nécessaire de compléter cette étape en activant cela, la classe de l'utilisateur dans votre base de données reçoit un champ supplémentaire verifiedemail verifiedemail ce champ est défini sur vrai lorsque l'email est vérifié, faux si l'email n'est pas vérifié, et indéfini si l'utilisateur a été créé avant que ce paramètre ne soit vérifié sur cette page, vous pouvez également personnaliser l'email, changer le sujet, le corps, ainsi que l'email et le nom de l'expéditeur pour voir à quoi ressemble l'email, créez simplement un utilisateur en utilisant la signup signup fonction, avec un email auquel vous pouvez accéder vous devriez recevoir un email pour vérification 3 connexion la fonction de connexion est très simple et nécessite juste un mot de passe et un nom d'utilisateur pour fonctionner vous pouvez ouvrir le https //jsbin com/delazew/edit?html,js,console pour voir le code qui a déjà été implémenté vous devez appeler la parse user login parse user login méthode comme suit 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 réinitialiser le mot de passe il est très important d'ajouter l'option réinitialiser le mot de passe car les utilisateurs sont susceptibles d'oublier leur mot de passe à l'avenir la configuration de l'email qui sera envoyé dans la fonction de réinitialisation du mot de passe se trouve sur la même page que dans l'étape de vérification de l'email là, vous pouvez changer le corps et le sujet de l'email vous pouvez ouvrir le https //jsbin com/guwuben/edit?html,js,console,output pour voir le code qui a déjà été implémenté pour envoyer l'email de réinitialisation du mot de passe, il suffit d'exécuter le code suivant 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); }); } c'est fait ! à ce stade, vous avez appris non seulement comment faire l'enregistrement des utilisateurs avec des applications javascript, mais aussi comment envoyer des emails de vérification et de réinitialisation de mot de passe