Traducido automáticamente del inglés.

Leer en inglés
Proxy Mail QA

Probar los correos de registro e inicio de sesión en apps de Bolt

Bolt puede agregar cuentas a tu app desde un prompt, usando la autenticación de su base de datos integrada. Los correos de confirmación, enlace mágico y restablecimiento que envía dependen de dos ajustes, así que pruébalos con una bandeja de entrada real antes de publicar.

Actualizado el

Cómo funcionan los correos de inicio de sesión en una app de Bolt

La base de datos integrada de Bolt incluye autenticación, y su configuración aparece cuando tu proyecto tiene una base de datos: abre el icono de base de datos de la parte superior de la pantalla y luego Authentication. Cuando alguien se registra o pide un restablecimiento de contraseña o un enlace mágico, el correo lo envía el servicio de autenticación de la base de datos (la documentación de Bolt dice que sus plantillas funcionan con Supabase), y su enlace se construye a partir de tu Site URL y tu lista de redirecciones.

Tus opciones de inicio de sesión en Bolt

Opción de inicio de sesión Emails que reciben tus usuarios Probar con Proxy Mail QA
Email y contraseña Confirmación (si la exiges), restablecimiento de contraseña, cambio de correo Sí
Enlaces mágicos o códigos, si se los pides a Bolt Un enlace o código para iniciar sesión Sí
Continuar con Google Ninguno para iniciar sesión No: usa una cuenta de Google que sea tuya

El inicio de sesión con Google necesita tu propio cliente OAuth de Google Cloud: Bolt muestra la dirección de redirección que debes agregar allí, en All project settings → Authentication → Continue with Google. Pruébalo en la app publicada, no solo en la vista previa. ¿Nuevo en estas opciones? Métodos de inicio de sesión explicados.

Prueba todos los emails de inicio de sesión en cinco minutos

  1. Activa la confirmación. Abre el icono de base de datos, luego Authentication → Email, y activa Require users to confirm their email after signing up si tu app debe verificar las direcciones.
  2. Publica y luego crea una dirección en Proxy Mail QA, con una persona generada si tu formulario pide un nombre.
  3. Regístrate en la app publicada, no solo en la vista previa.
  4. Usa el enlace o el código de la fila. Un enlace de confirmación tiene botones Abrir enlace y Copiar enlace; los códigos tienen un botón Copiar.
  5. Luego prueba el resto: cierra sesión, restablece la contraseña, inicia sesión con la nueva y guárdala en la fila. ¿Aún no hay enlace de Olvidé mi contraseña? Pídele a Bolt que lo agregue.

Los dos ajustes que debes revisar

1. Site URL y redirecciones. En Advanced Authentication options, la Site URL debe ser tu dirección publicada y la URI allow list debe incluir cada dirección donde se ejecuta tu app. Si un enlace de restablecimiento llega a localhost:3000, este es el motivo. Proxy Mail QA marca los enlaces que van a una dirección local, incluidos los que solo redirigen allí después de verificar. Guía completa.

2. La plantilla de correo. En Authentication, haz clic en la fila Email y luego en Edit email templates para cambiar el asunto y el cuerpo de cada correo. Si agregas el código ({{ .Token }}) a la plantilla, la fila lo muestra con un botón Copiar; el enlace ({{ .ConfirmationURL }}) tiene botones Abrir enlace y Copiar enlace.

Prompts para copiar y pegar en Bolt

Pega estos en el chat de Bolt. Luego vuelve a probar con una dirección nueva.

List every email this app sends: sign-up confirmation, magic link, password reset, invite and email change. For each, tell me what triggers it, which URL its link points to, and how long its link or code stays valid. Flag anything that uses localhost.
Make every auth email link back to the published app, not localhost. Use the current site's address for the sign-up and password-reset redirects, and make sure the published address is in the authentication redirect list.
After a password reset, send the user to a page where they choose a new password, then sign them in. Show a clear message if the reset link has expired or was already used.

Úsalo en tu próxima prueba de registro

Plan gratuito, sin tarjeta de crédito. Crea una dirección y mira cómo llega el código o el enlace.

Crear una cuenta gratuitaAbrir la aplicación

Preguntas

¿Dónde está la configuración de autenticación en Bolt?

La documentación de Bolt la ubica en el icono de base de datos de la parte superior de la pantalla y luego en Authentication. Allí están el registro por correo, el requisito de confirmación y las plantillas de correo; la Site URL y la lista de redirecciones están en Advanced Authentication options.

Mi proyecto de Bolt usa Supabase directamente. ¿Esto sigue aplicando?

Sí. La documentación de Bolt dice que los proyectos antiguos suelen usar un proyecto de Supabase que conectaste. Los mismos ajustes están en tu proyecto de Supabase, en Authentication, URL Configuration, y los correos siguen llegando desde Supabase Auth.

¿Por qué mis enlaces de restablecimiento van a localhost:3000?

La Site URL se usa cuando un enlace no tiene una redirección permitida, y empieza como localhost:3000. Bolt suele actualizarla, pero comprueba que sea tu dirección publicada y que cada dirección que uses esté en la lista de redirecciones.

Mira todos los problemas de prueba de email que resolvemos

Bolt es una marca registrada de su propietario. Proxy Mail QA es independiente y no está afiliado a ellos ni cuenta con su respaldo.

¿Tienes una pregunta sobre esta página?

Pregunta en cualquier idioma. La documentación puede responderte de inmediato, o puedes enviar tu pregunta al equipo de Proxy Mail QA, que responde en inglés.