Setup Supabase-Authentifizierung mit Capacitor-sozialer Anmeldeplugin

Die Einrichtung der Authentifizierung in mobilen Apps kann komplex sein, aber die Combination mit dem Supabase und dem Capgo makes it straightforward. This tutorial will guide you through integrating social authentication (Google, Apple, Facebook) with Supabase in your Capacitor app.

__CAPGO_KEEP_0__ App. @capgo/capacitor-social-login Supabase

bietet einen robusten Backend-as-a-Service mit integrierter Authentifizierung, während das
@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login-Plugin
Plattformübergreifende Kompatibilität
Echtzeit-Datenbankintegration
Integrierte Benutzerverwaltung

Voraussetzungen

Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:

Eine Capacitor-Projekt konfiguriert ist
Eine Supabase-Konto und -Projekt
Entwicklerkonten für Ihre gewählten sozialen Anbieter (Google, Apple, Facebook)

Installieren Sie zunächst das Capgo Social Login-Plugin:

npm install @capgo/capacitor-social-login
npx cap sync

Schritt 2: Setup des Supabase-Projekts

Erstellen und Konfigurieren Ihres Supabase-Projekts

Ein Supabase-Projekt erstellen:
- Gehe zu supabase.com und melde dich an/registriere dich
- Klicke “Neues Projekt”
- Wähle deine Organisation
- Gib einem Projekt-Namen (z.B. “MyApp Auth”)
- Setze ein Datenbank-Passwort (sichern Sie dies)
- Wählen Sie Ihr Region (wählen Sie die nächste zu Ihren Benutzern)
- Klicken Sie “Neuen Projekt erstellen”
Erlangen Sie Ihre Projektanmeldeinformationen:
- Nach der Erstellung gehen Sie zu Einstellungen > API
- Kopieren Sie Ihre Projekt-URL (z.B. https://your-project-ref.supabase.co)
- Kopieren Sie Ihren anonymen öffentlichen API-Schlüssel
- Speichern Sie diese für später in Ihrer App

Authentifizierungs-Einstellungen konfigurieren

Allgemeine Authentifizierungseinstellungen einrichten:
- Gehe zu Authentifizierung > Einstellungen
- Unter Allgemeine Einstellungen:
  - Setzen Sie Site-URL To Ihrer App-URL (z.B., https://yourdomain.com oder http://localhost:3000 zur Entwicklung
  - Hinzufügen von zusätzlichen Umleitungs-URLs falls erforderlich:
```
http://localhost:3000
https://yourdomain.com
capacitor://localhost (for mobile apps)
```
E-Mail-Einstellungen konfigurieren (optional, aber empfohlen):
- Unter E-Mail-Server-Einstellungen, Ihre E-Mail-Anbieter konfigurieren
- Dies aktiviert E-Mail-Bestätigungen und Passwort-Restellungen
- Für die Entwicklung können Sie das eingebaute E-Mail-Dienst

Zum Anbieterbereich gehen:
- Zum Authentifizierung > Anbieter in Ihrem Supabase-Dashboard
- Sie sehen eine Liste der verfügbaren sozialen Anbieter
- Jeder Anbieter hat ein Aktivieren Schaltfläche und Konfigurationsmöglichkeiten

Jetzt konfigurieren wir jeden sozialen Anbieter im Detail:

Google-Anmeldung in Supabase einrichten

Zunächst erhalten Sie Ihre Google-OAuth-Zertifikate:

Folgen Sie unserem umfassenden Google-Einrichtungsleitfaden: Google-Anmeldungseinstellungen

Dieser Leitfaden behandelt:

Einen Google-Cloud-Projekt erstellen
OAuth 2.0-Zertifikate für Web, iOS und Android einrichten
Die Zustimmungsoberfläche konfigurieren
Die erforderlichen Client-IDs und -Geheimnisse erhalten

Nachdem Sie die Google-Einrichtung abgeschlossen haben, konfigurieren Sie sie in Supabase:

Google-Anbieter in Supabase aktivieren:
- In Ihrem Supabase-Dashboard gehen Sie zu Authentifizierung > Anbieter
- Finden Google und aktivieren Sie es AUS
- Konfiguration ausfüllen:
  - Kunden-ID: Ihre Google OAuth Web Kunden-ID (aus dem Google Cloud Console)
  - Kunden-Secret: Ihre Google OAuth Web Kundengeheimnis
  - Umleitungs-URL: https://your-project-ref.supabase.co/auth/v1/callback (automatisch ausgefüllt)
- Klicken “Speichern”

Wichtig: Verwenden Sie den Web-Client-ID und Web-Client-Secret in Supabase, auch wenn Sie ein mobiles App bauen. Die mobilen Client-IDs werden separat in der Plugin-Konfiguration verwendet.

Einstellung der Apple-Authentifizierung in Supabase

Erhalten Sie Apple-Zugangsdaten:

Folgen Sie unserem detaillierten Apple-Einrichtungsleitfaden: Apple-Authentifizierungseinstellung

Diese Anleitung umfasst:

Einstellung Ihres Apple-Entwicklerkontos
Erstellen von App-IDs und Service-IDs
Konfigurieren der Apple-Anmeldungsfähigkeit
Erstellen der erforderlichen privaten Schlüssel
Plattformspezifische Einrichtung für iOS, Android und Web

Nach Abschluss der Apple-Einrichtung konfigurieren Sie sie in Supabase:

Aktivieren Sie den Apple-Anbieter in Supabase:
- Zum Authentifizierung > Anbieter und aktivieren Apple AN
- Die Konfiguration ausfüllen:
  - Client ID: Ihre Service-ID-Bezeichner (z.B. com.yourapp.signin)
  - Client Secret: Generieren Sie diesen JWT mithilfe Ihres Apple-Privatschlüssels (siehe Supabase Apple-Dokumentation für die JWT-Formatierung)
  - Umleitungs-URL: https://your-project-ref.supabase.co/auth/v1/callback (automatisch ausgefüllt)
- Klicken Sie “Speichern”

Hinweis: Die Apple-Authentifizierung ist die komplexeste aufgrund der Anforderungen von Apple an Service IDs, private Schlüssel und JWT-Generation. Folgen Sie unserer Dokumentation sorgfältig für jede Plattform.

Einstellung der Facebook-Authentifizierung in Supabase

Erhalten Sie Facebook-Zugangsdaten:

Folgen Sie unserem vollständigen Facebook-Einstellungsleitfaden: Einstellung der Facebook-Authentifizierung

Diese Anleitung umfasst:

Erstellen eines Facebook-Entwicklerkontos und einer App
Hinzufügen des Facebook-Login-Produkts
Konfiguration von OAuth-Redirect-URIs
Erhalten Sie Ihre App-ID, App-Secret und Client-Token
Plattform-spezifische Konfiguration für iOS und Android

Nach Abschluss der Facebook-Konfiguration, konfigurieren Sie es in Supabase:

Facebook-Anbieter in Supabase aktivieren:
- Gehe zu Authentifizierung > Anbieter und schalte Facebook AN
- Die Konfiguration eintragen:
  - Kunden-ID: Ihre Facebook-App-ID
  - Kunden-Secret: Ihr Facebook-App-Secret
  - Richtlinien-URL: https://your-project-ref.supabase.co/auth/v1/callback (automatisch ausgefüllt)
- Klicken “Speichern”

Wichtig: Stellen Sie sicher, dass Sie die Callback-URL von Supabase (https://your-project-ref.supabase.co/auth/v1/callback) in Ihrer Facebook-App hinzufügen ( ) In den Facebook-Login-Einstellungen.

Wichtige Hinweise zur Supabase-Konfiguration

Zeilenbeispiel-Sicherheit (RLS):

Nach der Einrichtung der Authentifizierung aktivieren Sie RLS auf Ihren Tabellen
Gehe zu Datenbank > Tabellen und schalte RLS aktivieren für jede Tabelle
Erstelle Richtlinien, um den Zugriff auf Daten auf der Grundlage von authentifizierten Benutzern zu steuern

Benutzerverwaltung:

Zeige authentifizierte Benutzer an Authentifizierung > Benutzer
Überwachen Sie Authentifizierungsereignisse in Authentifizierung > Protokolle
Konfigurieren Sie E-Mail-Vorlagen in Authentifizierung > E-Mail-Vorlagen

Konfigurationstest durchführen:

Nutzen Sie Supabases integrierte Authentifizierungstestwerkzeug
Zum Authentifizierung > Benutzer und klicken Sie auf ‘Benutzer einladen’ um E-Mail-Flüsse zu testen
Überprüfen Sie die Protokolle Abschnitt auf mögliche Authentifizierungsfehler

Jetzt, dass Supabase konfiguriert ist, müssen Sie das Social-Login-Plugin mit den entsprechenden Zugriffsberechtigungen einrichten. Wichtig: Das Plugin benötigt die OAuth-Zugriffsberechtigungen von den ursprünglichen Anbietern (nicht von Supabase), während Supabase die Serverauthentifizierung abhandelt.

Wie der Authentifizierungsfluss funktioniert

Bevor Sie in die Konfiguration eintauchen, verstehen Sie den Fluss:

Plugin authentifiziert Mithilfe des sozialen Providers (Google/Apple/Facebook) natively
Der Plugin erhält Tokens (Zugriffs-Token, ID-Token) vom Anbieter
Deine App sendet diese Tokens an Supabase mithilfe von signInWithIdToken()
Supabase validiert die Tokens mit dem Anbieter und erstellt eine Benutzersitzung
Supabase gibt sein eigenes JWT-Token für deine Apps authentifizierten Anfragen zurück

Google-Plugin-Konfiguration

Das Plugin benötigt deine Web Client ID für alle Plattformen und optional ein iOS Client ID für iOS-spezifische Funktionen:

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.initialize({
  google: {
    // Use the same Web Client ID you configured in Supabase
    webClientId: 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com',
    
    // Optional: iOS Client ID for iOS-specific features
    iOSClientId: 'YOUR_IOS_CLIENT_ID.apps.googleusercontent.com',
    
    // Optional: Request offline access for refresh tokens
    mode: 'offline'
  }
});

Hauptsächliche Punkte für Google:

Verwenden Sie das Web Client ID (keine Android/iOS Client IDs) für das webClientId Feld
Das Plugin funktioniert auf allen Plattformen mit nur dem Web Client ID
Der iOSClientId ist optional und wird nur für iOS-spezifische Google-Funktionen verwendet

Apple-Plugin-Konfiguration

Die Apple-Konfiguration unterscheidet sich zwischen iOS und Android:

Für iOS (native Apple Sign-In):

await SocialLogin.initialize({
  apple: {
    // No additional configuration needed for iOS
    // The plugin uses the native Apple Sign-In capability
  }
});

Für Android/Web (erfordert Service-ID):

await SocialLogin.initialize({
  apple: {
    clientId: 'YOUR_SERVICE_ID', // The Service ID from Apple Developer Portal
    redirectUrl: 'https://your-project-ref.supabase.co/auth/v1/callback'
  }
});

Hauptsächliche Punkte für Apple:

iOS verwendet native Sign in with Apple (keine zusätzliche Konfiguration erforderlich)
Android/Web erfordert die von Ihnen in Apple Developer Portal erstellte Service-ID
Die redirectUrl sollte dem entsprechen, was Sie in beiden Apple Developer Portal und Supabase konfiguriert haben

Konfiguration des Facebook-Plugins

Facebook erfordert Ihre App-ID und Client-Token:

await SocialLogin.initialize({
  facebook: {
    appId: 'YOUR_FACEBOOK_APP_ID',        // From Facebook Developer Dashboard
    clientToken: 'YOUR_FACEBOOK_CLIENT_TOKEN', // From Facebook Developer Dashboard
    
    // Optional: Use Facebook Limited Login (for enhanced privacy)
    limitedLogin: false // See our Facebook setup guide for important Limited Login details
  }
});

Hauptpunkte für Facebook:

Verwenden Sie das gleiche App-ID, das Sie in Supabase konfiguriert haben
Der Client-Token finden Sie in den grundlegenden Einstellungen Ihres Facebook-Apps
limitedLogin: true ermöglicht Facebooks privacy-fokussierte Limited Login-Funktion (nur iOS)
Wichtig: Siehe unser Leitfaden für die Facebook-Einrichtung für detaillierte Informationen zur Limited Login-Funktion, einschließlich der ATT-Betrachtungen

Vollständige Plugin-Initialisierung

Hier ist, wie Sie alle Anbieter gemeinsam initialisieren:

import { SocialLogin } from '@capgo/capacitor-social-login';

export async function initializeSocialLogin() {
  await SocialLogin.initialize({
    google: {
      webClientId: 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com',
      mode: 'offline'
    },
    facebook: {
      appId: 'YOUR_FACEBOOK_APP_ID',
      clientToken: 'YOUR_FACEBOOK_CLIENT_TOKEN',
    },
    apple: {
      // iOS: no config needed
      // Android/Web: uncomment the lines below
      // clientId: 'YOUR_SERVICE_ID',
      // redirectUrl: 'https://your-project-ref.supabase.co/auth/v1/callback'
    }
  });
}

Wichtige Hinweise:

Aufruf initialize() einmal sobald sich die App startet, nicht vor jedem Login
Sie müssen nur die Anbieter konfigurieren, die Sie verwenden möchten
Die hier verwendeten Anmeldedaten stammen von den ursprünglichen Anbietern, nicht von Supabase
Stellen Sie sicher, dass die Anbieteranmeldedaten mit dem in Supabase konfigurierten übereinstimmen

Schritt 5: Setup Supabase Client

Installieren Sie den Supabase Client:

npm install @supabase/supabase-js

Erstellen Sie einen Supabase-Dienst:

// services/supabase.ts
import { createClient } from '@supabase/supabase-js';

const supabaseUrl = 'https://your-project-ref.supabase.co';
const supabaseKey = 'your-anon-public-key';

export const supabase = createClient(supabaseUrl, supabaseKey, {
  auth: {
    autoRefreshToken: true,
    persistSession: true,
    detectSessionInUrl: false,
  },
});

Schritt 6: Implementieren Sie die Authentifizierungsablauf

Erstellen Sie ein Authentifizierungs-Dienst, das beide kombiniert:

// services/auth.ts
import { SocialLogin } from '@capgo/capacitor-social-login';
import { supabase } from './supabase';

export class AuthService {
  
  async initializeSocialLogin() {
    await SocialLogin.initialize({
      google: {
        webClientId: 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com',
      },
      facebook: {
        appId: 'YOUR_FACEBOOK_APP_ID',
        clientToken: 'YOUR_FACEBOOK_CLIENT_TOKEN',
      },
      apple: {} // iOS configuration
    });
  }

  async signInWithGoogle() {
    try {
      const result = await SocialLogin.login({
        provider: 'google',
        options: {
          scopes: ['email', 'profile']
        }
      });

      const googleResult = result.result;
      if (!googleResult) {
        throw new Error('Google login failed');
      }

      // GoogleLoginResponse is a union type - check responseType to determine flow
      if (googleResult.responseType === 'online') {
        // Online mode: use idToken directly with Supabase
        const { data, error } = await supabase.auth.signInWithIdToken({
          provider: 'google',
          token: googleResult.idToken!,
        });
        if (error) throw error;
        return data;
      } else {
        // Offline mode: exchange serverAuthCode on your backend
        // Your backend should exchange the code for tokens and create a Supabase session
        const response = await fetch('/api/auth/google', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({ serverAuthCode: googleResult.serverAuthCode })
        });
        return response.json();
      }
    } catch (error) {
      console.error('Google sign-in error:', error);
      throw error;
    }
  }

  async signInWithApple() {
    try {
      const result = await SocialLogin.login({
        provider: 'apple',
        options: {
          scopes: ['email', 'name']
        }
      });

      const { data, error } = await supabase.auth.signInWithIdToken({
        provider: 'apple',
        token: result.result?.identityToken!,
      });

      if (error) throw error;
      return data;
    } catch (error) {
      console.error('Apple sign-in error:', error);
      throw error;
    }
  }

  async signInWithFacebook() {
    try {
      const result = await SocialLogin.login({
        provider: 'facebook',
        options: {
          permissions: ['email', 'public_profile']
        }
      });

      const fbResult = result.result;
      if (!fbResult?.accessToken?.token) {
        throw new Error('Facebook login failed - no access token received');
      }

      // Facebook uses accessToken for Supabase authentication
      const { data, error } = await supabase.auth.signInWithIdToken({
        provider: 'facebook',
        token: fbResult.accessToken.token,
      });

      if (error) throw error;
      return data;
    } catch (error) {
      console.error('Facebook sign-in error:', error);
      throw error;
    }
  }

  async signOut() {
    // Sign out from Supabase
    await supabase.auth.signOut();
    
    // Optionally sign out from social providers
    await SocialLogin.logout({
      provider: 'google' // or 'apple', 'facebook'
    });
  }

  getCurrentUser() {
    return supabase.auth.getUser();
  }

  onAuthStateChange(callback: (event: string, session: any) => void) {
    return supabase.auth.onAuthStateChange(callback);
  }
}

export const authService = new AuthService();

Schritt 7: Implementieren in Ihrer App

Initialisieren Sie das Dienst und bearbeiten Sie die Authentifizierung:

// main.ts or app component
import { authService } from './services/auth';

async function initializeApp() {
  await authService.initializeSocialLogin();
  
  // Listen to auth state changes
  authService.onAuthStateChange((event, session) => {
    if (event === 'SIGNED_IN') {
      console.log('User signed in:', session.user);
      // Redirect to authenticated area
    } else if (event === 'SIGNED_OUT') {
      console.log('User signed out');
      // Redirect to login
    }
  });
}

initializeApp();

Erstellen Sie in Ihrer UI-Ansicht Login-Schaltflächen:

// Login component
async function handleGoogleLogin() {
  try {
    const user = await authService.signInWithGoogle();
    console.log('Signed in with Google:', user);
  } catch (error) {
    console.error('Login failed:', error);
  }
}

async function handleAppleLogin() {
  try {
    const user = await authService.signInWithApple();
    console.log('Signed in with Apple:', user);
  } catch (error) {
    console.error('Login failed:', error);
  }
}

async function handleFacebookLogin() {
  try {
    const user = await authService.signInWithFacebook();
    console.log('Signed in with Facebook:', user);
  } catch (error) {
    console.error('Login failed:', error);
  }
}

async function handleLogout() {
  try {
    await authService.signOut();
    console.log('Signed out successfully');
  } catch (error) {
    console.error('Logout failed:', error);
  }
}

Schritt 8: Plattform-spezifische Konfiguration

iOS-Konfiguration

Für detaillierte Anweisungen zur iOS-Einrichtung, sehen Sie sich unsere plattform-spezifischen Anleitungen an:

Google iOS-Einrichtung - URL-Schemes, Info.plist-Konfiguration
Apple iOS-Einrichtung - Setup der Sign-in-with-Apple-Fähigkeit
Facebook iOS-Einrichtung (allgemeine Facebook-Anleitung) - Facebook SDK Konfiguration

Schnelle Zusammenfassung - Hinzufügen ios/App/App/Info.plist:

<!-- Google Sign-In URL scheme -->
<key>CFBundleURLTypes</key>
<array>
  <dict>
    <key>CFBundleURLSchemes</key>
    <array>
      <string>YOUR_REVERSED_CLIENT_ID</string>
    </array>
  </dict>
</array>

<!-- Apple Sign-In capability -->
<key>com.apple.developer.applesignin</key>
<array>
  <string>Default</string>
</array>

Beachten Sie die im Link angegebenen Anleitungen für die vollständige iOS-Einrichtungsanleitung einschließlich Xcode-Projekt-Konfiguration.

Android-Konfiguration

Für detaillierte Anweisungen zur Android-Einrichtung, sehen Sie sich unsere plattform-spezifischen Anleitungen an:

Google Android-Einrichtung - SHA-1-Abdrucke, Google Play Services-Konfiguration
Apple Android-Einrichtung - Dienst-ID-Konfiguration für Android
Facebook Android-Einrichtung (allgemeine Facebook-Anleitung) - Facebook SDK-Integration

Wichtige Android-Einrichtung:

1. Erhalten Sie Ihre SHA-1-Fingerabdruck (erforderlich für Google):

# For debug builds (development)
cd android
./gradlew signingReport

# Look for the SHA1 fingerprint under "Variant: debug"
# Add this SHA1 to your Google Cloud Console Android OAuth client

2. Konfigurieren Sie AndroidManifest.xml - Hinzufügen zu android/app/src/main/AndroidManifest.xml:

<!-- Internet permission -->
<uses-permission android:name="android.permission.INTERNET" />

<!-- Facebook configuration -->
<meta-data 
  android:name="com.facebook.sdk.ApplicationId" 
  android:value="@string/facebook_app_id"/>
<meta-data 
  android:name="com.facebook.sdk.ClientToken" 
  android:value="@string/facebook_client_token"/>

3. Hinzufügen von Facebook-Ressourcen zu android/app/src/main/res/values/strings.xml:

<string name="facebook_app_id">YOUR_FACEBOOK_APP_ID</string>
<string name="facebook_client_token">YOUR_FACEBOOK_CLIENT_TOKEN</string>

Beachten Sie die verlinkten Plattform-Anleitungen für eine vollständige Android-Konfiguration einschließlich Google Play Services-Einrichtung und Paketnamen-Konfiguration.

Schritt 9: Verwendung der Supabase-Datenbank mit authentifizierten Benutzern

Wenn Benutzer authentifiziert sind, können Sie die Supabase-Datenbank mit Row Level Security (RLS) verwenden:

// Example: Fetch user profile
async function getUserProfile() {
  const { data: user } = await supabase.auth.getUser();
  
  if (user) {
    const { data, error } = await supabase
      .from('profiles')
      .select('*')
      .eq('id', user.user.id)
      .single();
    
    return data;
  }
}

// Example: Update user profile
async function updateUserProfile(updates: any) {
  const { data: user } = await supabase.auth.getUser();
  
  if (user) {
    const { data, error } = await supabase
      .from('profiles')
      .update(updates)
      .eq('id', user.user.id);
    
    return data;
  }
}

Wichtige Sicherheitshinweise

Nie offenbaren Sie sensitive Schlüssel in Ihrem Client code
Verwenden Sie Umgebungsvariablen für die Konfiguration
Aktivieren Sie die Zeilen-Ebenen-Sicherheit in Supabase
Überprüfen Sie Token auf Ihrem Backend falls erforderlich
Behandeln Sie den Token-Refresh automatisch mit Supabase

Fehlerbehebung bei häufigen Problemen

Token-Mismatch-Fehler

Stellen Sie sicher, dass Ihre OAuth-Anbieter-Konfigurationen zwischen dem Social-Login-Plugin und Supabase übereinstimmen
Überprüfen Sie, ob die Redirect-URLs korrekt konfiguriert sind

Plattformsspezifische Probleme

iOS: Überprüfen Sie, ob Ihr Bundle-ID mit Ihrer Apple-Entwickler-Konfiguration übereinstimmt
Android: Stellen Sie sicher, dass SHA1-Fingerabdrücke korrekt in Google Console hinzugefügt wurden

Unterbrechungen im Authentifizierungsfluss

Implementieren Sie eine ordnungsgemäße Fehlerbehandlung für Netzwerkprobleme
Fügen Sie Ladezustände während der Authentifizierung hinzu

Zusammenfassung

Sie haben jetzt ein vollständiges Authentifizierungssystem, das Supabases robusten Backend mit nativen Social-Login-Fähigkeiten kombiniert. Diese Konfiguration bietet:

Sichere, native Social-Authentifizierung
Störungsfreie Token-Verwaltung
Echtzeit-Datenbankintegration
Plattformübergreifende Kompatibilität

Die Combination von Supabase und dem Capgo Social Login-Plugin bietet eine leistungsstarke, skalierbare Authentifizierungs-Lösung für Ihre Capacitor Apps.

Für weitere fortgeschrittene Funktionen wie Zwei-Faktor-Authentifizierung oder Benutzerdefinierte Ansprüche, besuchen Sie die Supabase-Dokumentation und die Social Login-Plugin-Dokumentation.

Wenn Sie Setup Supabase-Authentifizierung mit Capacitor Social-Login-Plugin um die Authentifizierung und die Kontoflows zu planen, verbinden Sie es mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric, Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung, und SSO (Unternehmen) Für die Implementierungsdetails in SSO (Unternehmen).

Setup Supabase-Authentifizierung mit Capacitor Social-Login-Plugin

macht es einfach. Diese Anleitung führt Sie durch die Integration der sozialen Authentifizierung (Google, Apple, Facebook) mit Supabase in Ihrer