Configuration

Le mode d'authentification de vos utilisateurs est entièrement piloté par la configuration.

Dans le fichier de configuration global src/configuration.ts, vous trouverez l'objet auth :

import type { Provider } from '@supabase/gotrue-js/src/lib/types';

auth: {
  requireEmailConfirmation: false,
  providers: {
    emailPassword: true,
    phoneNumber: false,
    emailLink: false,
    oAuth: ['google'] as Provider[],
  },
}

Comme vous pouvez le voir, l'objet providers permet d'afficher uniquement les méthodes d'authentification que vous souhaitez utiliser.

1. En passant phoneNumber et emailLink à true, les pages d'authentification afficheront respectivement les formulaires « Lien e-mail » et « Numéro de téléphone ».
2. À l'inverse, en mettant emailPassword à false, le formulaire « email/mot de passe » disparaitra des pages d'authentification et du profil utilisateur.

Exiger la vérification d'e-mail

Ce paramètre doit correspondre à ce que vous avez configuré dans Supabase. Si vous exigez la confirmation de l'adresse e-mail avant la connexion, activez le drapeau suivant dans votre configuration :

auth: {
  requireEmailConfirmation: true,
}

Lorsque le drapeau est à true, l'utilisateur n'est pas redirigé vers l'onboarding mais voit un message indiquant qu'il doit confirmer son adresse e-mail. Après la confirmation, il pourra se connecter.

S'il est à false, l'application redirige directement vers le parcours d'onboarding.

E-mails envoyés par Supabase

Supabase lance une instance InBucket où sont stockés tous les e-mails envoyés : réinitialisation de mot de passe, liens de connexion, vérifications d'e-mail, etc.

Pour y accéder, rendez-vous simplement sur : http://localhost:55424/. Gardez ce lien sous la main : vous l'utiliserez très souvent.