Authentifizierung konfigurieren

Erfahren Sie, wie die Authentifizierung in MakerKit funktioniert und wie Sie sie konfigurieren.

Wie sich Ihre Benutzer authentifizieren sollen, lässt sich über die Konfiguration steuern.

Wenn Sie die globale Konfiguration unter src/configuration.ts öffnen, finden Sie das auth-Objekt:

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

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

Wie Sie sehen, lässt sich das providers-Objekt so konfigurieren, dass nur die Authentifizierungsmethoden angezeigt werden, die wir verwenden möchten.

  1. Wenn Sie beispielsweise sowohl phoneNumber als auch emailLink auf true setzen, zeigen die Authentifizierungsseiten die Formulare für die Email Link-Authentifizierung und die Phone Number-Authentifizierung an.
  2. Wenn Sie hingegen emailPassword auf false setzen, entfernen wir das email/password-Formular von den Authentifizierungs- und Benutzerprofilseiten.

E-Mail-Verifizierung verlangen

Diese Einstellung muss mit Ihrer Konfiguration in Supabase übereinstimmen. Wenn Sie eine E-Mail-Bestätigung verlangen, bevor sich Ihre Benutzer anmelden können, müssen Sie das folgende Flag in Ihrer Konfiguration umstellen:

auth: {
  requireEmailConfirmation: false,
}

Wenn das Flag auf true gesetzt ist, wird der Benutzer nicht zum Onboarding-Ablauf weitergeleitet, sondern sieht stattdessen eine Erfolgsmeldung, die ihn auffordert, seine E-Mail-Adresse zu bestätigen. Nach der Bestätigung kann er sich anmelden.

Wenn das Flag auf false gesetzt ist, leitet die Anwendung ihn direkt zum Onboarding-Ablauf weiter.

Von Supabase gesendete E-Mails

Supabase startet eine InBucket-Instanz, an die alle E-Mails gesendet werden: Hier finden Sie E-Mails zum Zurücksetzen von Passwörtern, Anmeldelinks und E-Mail-Verifizierungen.

Um auf die InBucket-Instanz zuzugreifen, rufen Sie die folgende URL auf: http://localhost:54324/. Speichern Sie diese URL, denn Sie werden sie sehr häufig verwenden.