Cómo agregar verificación de correo electrónico y recuperación de contraseña en Firebase Auth

Firebase Authentication no solo permite registrar e iniciar sesión con correo y contraseña, sino que también ofrece herramientas esenciales para proteger tu aplicación y mejorar la seguridad del usuario: la verificación del correo electrónico y la recuperación de contraseña.

En esta guía aprenderás cómo:

  • Enviar correos de verificación al registrar un usuario

  • Comprobar si el correo ha sido verificado

  • Enviar correos de recuperación de contraseña

Estas funcionalidades no solo mejoran la seguridad, sino también la confianza y experiencia de tus usuarios.

🚀 Paso 1: Verificar el correo electrónico después del registro

Después de registrar un usuario, puedes enviarle un correo de verificación con:

import 'package:firebase_auth/firebase_auth.dart';

Future<void> registrarUsuario(String email, String password) async {
final credential = await FirebaseAuth.instance.createUserWithEmailAndPassword(
email: email,
password: password,
);

// Enviar correo de verificación
await credential.user?.sendEmailVerification();
}

🔐 Comprobar si el correo fue verificado

Para restringir el acceso solo a usuarios con correo verificado:

final user = FirebaseAuth.instance.currentUser;

if (user != null && user.emailVerified) {
// Acceso permitido
} else {
// Mostrar mensaje o forzar verificación
}

🔄 Para actualizar el estado de verificación sin reiniciar la app:

await user?.reload();

📦 Paso 2: Enviar correo de recuperación de contraseña

Si el usuario olvidó su contraseña, puedes enviar un email con un enlace de restablecimiento:

Future<void> recuperarContrasena(String email) async {
await FirebaseAuth.instance.sendPasswordResetEmail(email: email);
}

Puedes usarlo en un formulario de “¿Olvidaste tu contraseña?” en tu app:

TextField(
controller: emailController,
decoration: InputDecoration(labelText: 'Correo electrónico'),
),
ElevatedButton(
onPressed: () {
recuperarContrasena(emailController.text.trim());
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Se envió un enlace de recuperación')),
);
},
child: Text('Recuperar contraseña'),
),

🎯 Buenas prácticas recomendadas

  • Siempre verifica si el correo del usuario ha sido confirmado antes de permitir el acceso completo.

  • Personaliza los mensajes de confirmación o recuperación desde Firebase Console > Plantillas de correo electrónico.

  • Agrega mensajes claros en la app indicando cuándo deben revisar su bandeja de entrada (y carpeta de spam).

🎉 Conclusión

Agregar verificación de correo y recuperación de contraseña con Firebase Auth es sencillo pero crucial para garantizar la seguridad y profesionalismo de tu aplicación Flutter. Estas funciones ayudan a proteger la identidad de los usuarios y a evitar accesos no autorizados.

Comentarios

Publicar un comentario

Entradas más populares de este blog

Cómo gestionar el estado de autenticación y proteger las rutas de tu app Flutter

La gestión del estado de autenticación es esencial para asegurar que los usuarios puedan acceder solo a las partes de la aplicación que les correspondan. En Flutter, podemos gestionar el estado de autenticación y proteger las rutas mediante la integración de Firebase Authentication y una gestión eficiente del estado, lo que garantiza que las rutas de tu aplicación estén protegidas de forma dinámica según el estado de inicio de sesión del usuario. En este artículo, aprenderás cómo gestionar el estado de autenticación en tiempo real y cómo proteger las rutas de tu aplicación para que solo los usuarios autenticados puedan acceder a determinadas pantallas. 🚀 Paso 1: Integrar Firebase Auth en tu aplicación Si aún no has integrado Firebase en tu proyecto Flutter, asegúrate de tener las dependencias correctas en tu archivo pubspec.yaml : dependencies: firebase_core: ^2.25.0 firebase_auth: ^4.15.0 provider: ^6.0.3 Ejecuta: flutter pub get 🧩 Paso 2: Crear un servicio de aute...
Leer más

Cómo manejar notificaciones push avanzadas con Firebase Cloud Messaging y Flutter

Las notificaciones push son una de las formas más efectivas de interactuar con los usuarios, manteniéndolos informados y comprometidos incluso cuando no están usando activamente la aplicación. Firebase Cloud Messaging (FCM) es una herramienta poderosa para enviar notificaciones push a tus usuarios. En este artículo, exploraremos cómo manejar notificaciones push avanzadas en Flutter usando FCM, cubriendo características como notificaciones de datos, mensajes personalizados, y la gestión de notificaciones en segundo plano. 🚀 Paso 1: Recordatorio sobre la configuración básica de FCM en Flutter Antes de empezar con las notificaciones avanzadas, asegúrate de tener configurado FCM en tu proyecto Flutter. Si no lo has hecho aún, sigue los pasos de la configuración básica de FCM que cubrimos en artículos anteriores. Asegúrate de que las dependencias necesarias estén incluidas: dependencies: firebase_core: ^2.25.0 firebase_messaging: ^14.0.0 flutter_local_notifications: ^11.0.0 ...
Leer más

Cómo usar Firestore en Flutter para guardar y mostrar datos en tiempo real.

¿Te gustaría mostrar datos en tiempo real en tu app Flutter, sin necesidad de actualizar manualmente la pantalla? En este artículo aprenderás a integrar Cloud Firestore, la base de datos en tiempo real de Firebase, en tu aplicación Flutter. Con Firestore podrás guardar, leer y mostrar datos de forma instantánea y sincronizada, ideal para apps como chats, listas de tareas, productos, y mucho más. ¿Qué es Cloud Firestore? Cloud Firestore es una base de datos NoSQL en la nube, desarrollada por Google. Está optimizada para el desarrollo de aplicaciones móviles y web. Su principal ventaja es que permite actualizar datos en tiempo real y sincronizarlos entre dispositivos sin esfuerzo. 🚀 Paso 1: Requisitos previos Proyecto Flutter creado y funcionando Firebase configurado e inicializado (puedes revisar nuestra guía anterior) Conexión a Firebase con firebase_core Conexión a Firestore con cloud_firestore 📦 Paso 2: Instalar el paquete cloud_firestore En el archivo pubspec.ya...
Leer más