Flutter
...
Authentication
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 emailverified clave al parseuser parseuser objeto cuando se establece o modifica un correo electrónico, emailverified emailverified se establece en false false parse luego envía al usuario un enlace que establecerá emailverified emailverified en true true hay tres emailverified 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 parseuser objeto fue recuperado por última vez, el usuario no había confirmado su dirección de correo electrónico si emailverified emailverified es false false si emailverified es falso, considere llamar a getupdateduser() 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 (con plugins 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 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 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 verificar correos electrónicos de usuarios y prevenir el inicio de sesión si el correo electrónico no está verificado 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 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 configuración del servidor encuentra la tarjeta de correos electrónicos de verificación y haz clic en tarjeta de correos electrónicos de verificación y haz clic en configuración` 3\ haz clic en verificar correo electrónico de usuario verificar correo electrónico de usuario y prevenir el inicio de sesión si el correo electrónico no está verificado 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 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 douserregistration en el archivo main dart main dart después de llamar a la función user signup() user signup() ;, llama a la user logout() 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 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 ejecutar botón en android studio/vscode realiza el proceso de registro, haciendo clic en el botón registrarse 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!