Implementación de verificación de correo en Flutter con Parse

12 min

verificación de correo electrónico del usuario para flutter introducción habilitar la verificación de correo electrónico en la configuración de una aplicación permite que la aplicación reserve parte de su experiencia para los usuarios con direcciones de correo electrónico confirmadas la verificación de correo electrónico agrega la \emailverified\ clave al \parseuser\ objeto cuando se establece o modifica un correo electrónico, \emailverified\ se establece en \false\ parse luego envía al usuario un enlace que establecerá \emailverified\ en \true\ hay tres \emailverified\ estados a considerar true el usuario confirmó su dirección de correo electrónico haciendo clic en el enlace que parse le envió por correo false en el momento en que el \parseuser\ objeto fue recuperado por última vez, el usuario no había confirmado su dirección de correo electrónico si \emailverified\ es \false\ si emailverified es falso, considere llamar a \getupdateduser()\ en el parseuser faltante el en esta guía, aprenderás cómo configurar un proceso de verificación de correo electrónico para una función de registro de usuario (registro) crearás una aplicación que incluye el registro de usuario con verificación de correo electrónico utilizando las características principales de parse server https //www back4app com/product/parse server a través de back4app utilizarás el mismo método que usaste para implementar el registro de usuario, pero en lugar de redirigir al usuario a una pantalla de inicio de sesión, le pedirás al usuario que verifique su correo electrónico para iniciar sesión objetivo construir una función de proceso de verificación de correo electrónico de usuario 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 https //code visualstudio com/ (con plugins https //docs flutter dev/get started/editor dart y flutter) una aplicación flutter creada en la guía anterior nota sigue el cómo implementar el restablecimiento de contraseña del usuario https //app archbee com/docs/ roxiyumxobue9i7uv49e/3uunuqp0k0awbtyuil4es completa la guía anterior para que puedas tener una mejor comprensión de la \parseuser\ clase un dispositivo (no simulador) que ejecute android o ios entendiendo la función de verificación de correo electrónico para entender mejor la función de verificación de correo electrónico, 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 y cierre de sesión en la base de datos de back4app ¡comencemos! en los siguientes pasos, podrás construir una función de verificación de correo electrónico en la aplicación 1 habilitar la verificación de correo electrónico ahora habilitemos la verificación de correo electrónico en el panel de control de back4app la página de verificación de correo electrónico tiene dos propiedades \verificar correos electrónicos de usuarios\ y \prevenir el inicio de sesión si el correo electrónico no está verificado\ si habilitas solo la opción verificar correos electrónicos de usuarios, el usuario recibirá el correo electrónico de verificación pero podrá iniciar sesión y usar la aplicación normalmente si también habilitas la opción \prevenir el inicio de sesión si el correo electrónico no está verificado\ el usuario solo podrá iniciar sesión después de concluir el proceso de verificación de correo electrónico ve a tu aplicación en sitio web de back4app https //www back4app com/ y haz clic en \configuración del servidor\ encuentra la \tarjeta de correos electrónicos de verificación y haz clic en\ configuración` 3\ haz clic en \verificar correo electrónico de usuario\ y \prevenir el inicio de sesión si el correo electrónico no está verificado\ 4\ opcional rellena los campos vacíos y modifica los que ya han sido completados según tus preferencias 5\ haz clic en el \guardar\ botón 2 actualizar la aplicación de inicio/cierre de sesión/restablecer contraseña abre el proyecto de flutter de la guía anterior cómo agregar el restablecimiento de contraseña de usuario a una aplicación flutter https //www back4app com/docs/flutter/parse sdk/users/flutter reset password busca la función \douserregistration\ en el archivo \main dart\ después de llamar a la función \user signup()\ ;, llama a la \user logout()\ función, para asegurarte de que el usuario no inicie sesión hasta que se confirme el correo electrónico actualiza el mensaje informando al usuario que revise el buzón y redirige al usuario a la pantalla de inicio reemplace el código dentro de \douserregistration\ con 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 } nota el código para la función de registro ha sido explicado anteriormente 3 probar el registro para probarlo, haga clic en el \ejecutar\ botón en android studio/vscode realiza el proceso de registro, haciendo clic en el botón \registrarse\ después de registrarte, recibiremos un correo electrónico como este después de hacer clic en el enlace para verificar el correo electrónico, la propiedad se establecerá en verdadero en el panel de control de parse 4 iniciar sesión para implementar el inicio de sesión con verificación de correo electrónico, solo tienes que implementar un inicio de sesión de usuario de parse tal como se describe en la guía de inicio de sesión de usuario https //www back4app com/docs/flutter/parse sdk/users/flutter login si has habilitado la opción ‘prevenir el inicio de sesión si el correo electrónico no está verificado’ en el paso 2, recibirás el siguiente error si intentas iniciar sesión sin verificar tu correo electrónico ¡está hecho! en esta etapa, puedes iniciar sesión, registrarte o cerrar sesión en tu aplicación utilizando la verificación de correo electrónico con las características básicas de parse server a través de back4app!