Flutter
...
Authentication
Implementación de restablecimiento de contraseña en Flutter
9 min
cómo agregar la función de restablecimiento de contraseña de usuario a una aplicación flutter introducción es un hecho que tan pronto como introduces contraseñas en un sistema, los usuarios las olvidarán parse server proporciona una forma de permitirles restablecer su contraseña de manera segura el flujo de restablecimiento de contraseña comienza obteniendo la dirección de correo electrónico del usuario y llamando al requestpasswordreset requestpasswordreset método de la clase parse user parse user esto intentará hacer coincidir el correo electrónico dado con el campo de correo electrónico o nombre de usuario del usuario y les enviará un correo electrónico de restablecimiento de contraseña al hacer esto, puedes optar por que los usuarios usen su correo electrónico como su nombre de usuario, o puedes recogerlo por separado y almacenarlo en el campo de correo electrónico el flujo para el restablecimiento de contraseña es el siguiente el usuario solicita que se restablezca su contraseña escribiendo su correo electrónico back4app envía un correo electrónico a su dirección con un enlace especial para restablecer la contraseña el usuario hace clic en el enlace de restablecimiento y es dirigido a una página especial de back4app para escribir una nueva contraseña el usuario escribe una nueva contraseña su contraseña ahora ha sido restablecida a un valor que especifican en esta guía, aprenderás cómo usar el plugin de flutter para parse server para implementar la función de restablecimiento de contraseña de usuario utilizando la clase parseuser parseuser para tu aplicación flutter objetivo construir una función de restablecimiento de contraseña utilizando parse para una aplicación flutter requisitos previos para completar este tutorial, necesitarás flutter versión 2 2 x o posterior https //flutter dev/docs/get started/install android studio https //developer android com/studio o vs code instalado (con plugins dart y flutter) una aplicación flutter creada en la guía anterior nota sigue el obtener usuario actual en la sesión completa la guía anterior para que puedas tener una mejor comprensión de la parseuser parseuser clase un dispositivo (no simulador) que ejecute android o ios entendiendo el proceso de restablecimiento de contraseña para entender mejor el proceso de restablecimiento de contraseña, continuaremos el desarrollo de la aplicación iniciada en la guía anterior e implementaremos la función no explicaremos el código de la aplicación flutter ya que el enfoque principal de esta guía es usar flutter con parse siguiendo los siguientes pasos, construirás una aplicación de inicio de sesión y cierre de sesión en la base de datos de back4app ¡comencemos! en los siguientes pasos, podrás construir una función de restablecimiento de contraseña en nuestra aplicación 1 abre el proyecto de la aplicación de inicio de sesión/cierre de sesión/restablecimiento de contraseña abre el proyecto de flutter de la guía anterior obtener usuario actual en sesión https //www back4app com/docs/flutter/parse sdk/flutter current user%22 ve al main dart main dart archivo 2 código para restablecer contraseña para iniciar el flujo de restablecimiento de contraseña, necesitamos el correo electrónico del usuario busca la función douserresetpassword douserresetpassword en el archivo main dart main dart reemplaza el código dentro de douserresetpassword douserresetpassword con 1 final parseuser user = parseuser(null, null, controlleremail text trim()); 2 final parseresponse parseresponse = await user requestpasswordreset(); 3 if (parseresponse success) { 4 message showsuccess( 5 context context, 6 message 'password reset instructions have been sent to email!', 7 onpressed () { 8 navigator of(context) pop(); 9 }); 10 } else { 11 message showerror(context context, message parseresponse error! message); 12 } para construir esta función, sigue estos pasos crea una nueva parseuser parseuser instancia de clase con el comando parseuser(null, null, controlleremail text trim()); parseuser(null, null, controlleremail text trim()); el campo de correo electrónico es obligatorio para los otros campos que puedes usar null llama a la user requestpasswordreset user requestpasswordreset función para enviar el correo electrónico de recuperación la función completa debería verse así 1 void douserresetpassword() async { 2 final parseuser user = parseuser(null, null, controlleremail text trim()); 3 final parseresponse parseresponse = await user requestpasswordreset(); 4 if (parseresponse success) { 5 message showsuccess( 6 context context, 7 message 'password reset instructions have been sent to email!', 8 onpressed () { 9 navigator of(context) pop(); 10 }); 11 } else { 12 message showerror(context context, message parseresponse error! message); 13 } 14 } para probarlo, haz clic en el ejecutar ejecutar botón en android studio/vscode haz clic en el restablecer contraseña restablecer contraseña botón en la siguiente pantalla, ingresa el correo electrónico del usuario y haz clic en restablecer contraseña restablecer contraseña nuevamente ¡está hecho! al final de esta guía, puedes implementar la función de restablecimiento de contraseña de tu aplicación utilizando las características principales de parse server a través de back4app!