Fonctionnement des e-mails de connexion dans une application Bolt
La base de données intégrée de Bolt inclut l’authentification, et ses paramètres apparaissent dès que votre projet a une base de données : ouvrez l’icône de base de données en haut de l’écran, puis Authentication. Quand quelqu’un s’inscrit, demande une réinitialisation de mot de passe ou un lien magique, l’e-mail est envoyé par le service d’authentification de la base de données (selon la documentation de Bolt, ses modèles reposent sur Supabase), et son lien est construit à partir de votre Site URL et de votre liste de redirections.
Vos options de connexion dans Bolt
| Option de connexion | E-mails reçus par vos utilisateurs | Tester avec Proxy Mail QA |
|---|---|---|
| E-mail et mot de passe | Confirmation (si vous l’exigez), réinitialisation du mot de passe, changement d’e-mail | Oui |
| Liens magiques ou codes, si vous les demandez à Bolt | Un lien ou un code pour se connecter | Oui |
| Continuer avec Google | Aucun pour se connecter | Non : utilisez un compte Google qui vous appartient |
La connexion Google nécessite votre propre client OAuth Google Cloud : Bolt affiche l’adresse de redirection à y ajouter, sous All project settings → Authentication → Continue with Google. Testez-la sur l’application publiée, pas seulement dans l’aperçu. Vous découvrez ces options ? Les méthodes de connexion expliquées.
Testez chaque e-mail de connexion en cinq minutes
- Activez la confirmation. Ouvrez l’icône de base de données, puis Authentication → Email, et activez Require users to confirm their email after signing up si votre application doit vérifier les adresses.
- Publiez, puis créez une adresse dans Proxy Mail QA, avec un persona généré si votre formulaire demande un nom.
- Inscrivez-vous sur l’application publiée, pas seulement dans l’aperçu.
- Utilisez le lien ou le code depuis la ligne. Un lien de confirmation a des boutons Open link et Copy link ; les codes ont un bouton Copy.
- Puis testez le reste : déconnectez-vous, réinitialisez le mot de passe, connectez-vous avec le nouveau et enregistrez-le sur la ligne. Pas encore de lien Forgot password ? Demandez à Bolt d’en ajouter un.
Les deux paramètres à vérifier
1. Site URL et redirections. Sous Advanced Authentication options, la Site URL doit être votre adresse publiée et la URI allow list doit inclure chaque adresse sur laquelle tourne votre application. Si un lien de réinitialisation mène à localhost:3000, voilà pourquoi. Proxy Mail QA signale les liens qui mènent à une adresse locale, y compris ceux qui n’y redirigent qu’après la vérification. Guide complet.
2. Le modèle d’e-mail. Dans Authentication, cliquez sur la ligne Email, puis sur Edit email templates pour modifier l’objet et le corps de chaque e-mail. Si vous ajoutez le code ({{ .Token }}) au modèle, la ligne l’affiche avec un bouton Copy ; le lien ({{ .ConfirmationURL }}) a des boutons Open link et Copy link.
Prompts à copier-coller pour Bolt
Collez-les dans le chat de Bolt. Puis testez à nouveau avec une nouvelle adresse.
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.