JavaScript
Registro de Usuario - inicio de sesión
12 min
agrega registro de usuario y inicio de sesión en javascript a tu aplicación parse introducción esta sección explica cómo realizar un registro básico de usuario con verificación de correo electrónico en un entorno de javascript a través de back4app en este tutorial, utilizarás el objeto parse user parse user y aprenderás sus funciones más importantes consulta más sobre parse sdk en referencia de la api de parse javascript sdk y documentación de código abierto de parse para javascript sdk requisitos previos para completar este tutorial, necesitarás una aplicación básica de javascript conectada con back4app o jsbin conectada con nuestra api de parse nota puedes usar la aplicación creada en nuestro tutorial de instalación de javascript parse sdk o usar el mismo entorno en línea jsbin con la configuración realizada en el tutorial de operaciones de base de datos en javascript 1 registrarse la función de registro de usuario es similar a la crear crear función utilizada en el tutorial de operaciones de base de datos en javascript , pero tiene algunos beneficios adicionales verifica si el nombre de usuario y el correo electrónico son únicos hash de forma segura la contraseña en la nube ni siquiera el desarrollador puede ver la contraseña del usuario requiere al menos un nombre de usuario y una contraseña puedes usar el correo electrónico como nombre de usuario si lo deseas puedes abrir el función de registro de javascript de back4app para ver el código que ya ha sido implementado para crear tu propia función de registro, necesitas repetir los mismos pasos de la función de creación explicados en el tutorial de crud en javascript pero llama al método user signup en lugar del método save, como se muestra a continuación 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); }); } ten en cuenta que error 202 o error 203 es probable que ocurra si no cambias el nombre de usuario o el correo electrónico el error 209 token de temporada inválido también es probable que ocurra cuando las cookies de tu navegador entren en conflicto con la sesión actual de parse para evitar eso, borra las cookies de tu navegador o abre el modo incógnito de tu navegador para confirmar que el nuevo usuario ha sido agregado a la base de datos, puedes acceder a tu tablero de parse tablero de parse o codificar la función de inicio de sesión función de inicio de sesión que se proporcionará más adelante 2 verificación de correo electrónico una característica importante de un método de registro es la verificación de correo electrónico afortunadamente, es fácil configurarlo usando back4app para habilitar la verificación de correo electrónico, inicia sesión en tu cuenta, encuentra tu aplicación y haz clic en configuración del servidor configuración del servidor encuentra la casilla “correos electrónicos de verificación” y haz clic en configuraciones configuraciones así es como se ve la casilla “correos electrónicos de verificación” luego habilita la verificación marcando la casilla a continuación si estás utilizando el entorno en la nube de jsbin, entonces no es necesario completar este paso al habilitar esto, la clase del usuario en tu base de datos recibe un campo adicional verifiedemail verifiedemail este campo se establece en verdadero cuando el correo electrónico está verificado, falso si el correo electrónico no está verificado, y indefinido si el usuario fue creado antes de que se verificara esta configuración en esa página, también puedes personalizar el correo electrónico, cambiar el asunto, el cuerpo y el correo electrónico y nombre del remitente para ver cómo se ve el correo electrónico, solo crea un usuario, utilizando la signup signup función, con un correo electrónico al que puedas acceder deberías recibir un correo electrónico para verificación 3 iniciar sesión la función de inicio de sesión es muy simple y solo necesita una contraseña y un nombre de usuario para funcionar puedes abrir el función de inicio de sesión de back4app javascript para ver el código que ya ha sido implementado necesitas llamar al parse user login parse user login método de la siguiente manera 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 restablecer contraseña es muy importante agregar la opción de restablecer contraseña ya que es probable que los usuarios olviden su contraseña en el futuro la configuración del correo electrónico que se enviará en la función de restablecimiento de contraseña está en la misma página que en el paso de verificación de correo electrónico allí puedes cambiar el cuerpo y el asunto del correo puedes abrir el función de restablecimiento de contraseña de back4app javascript para ver el código que ya ha sido implementado para enviar el correo electrónico de restablecimiento de contraseña, solo ejecuta el siguiente código 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); }); } ¡está hecho! en este punto, has aprendido no solo cómo hacer registro de usuario con aplicaciones javascript, sino también cómo enviar correos electrónicos de verificación y restablecimiento de contraseña