Einstellung der Supabase-Authentifizierung mit Capacitor-Social-Login-Plugin

Die Einrichtung von Authentifizierungen in mobilen Apps kann komplex sein, aber die Combination von Supabase mit dem __CAPGO_KEEP_0__ Social-Login-Plugin Supabase mit dem Capgo Social-Login-Plugin macht es einfacher. Diese Anleitung führt Sie durch die Integration der sozialen Authentifizierung (Google, Apple, Facebook) mit Supabase in Ihrer Capacitor-App.

Supabase bietet einen robusten Backend-as-a-Service mit integrierter Authentifizierung, während der @capgo/capacitor-social-login Plugin eine natürliche soziale Authentifizierung auf iOS-, Android- und Web-Plattformen bietet. Für eine enge Supabase-Integration @capgo/capacitor-supabase fügt natürliche Auth-Helfer und JWT-Zugriff hinzu. Zusammen bieten sie:

Einfache soziale Authentifizierung
Sichere Token-Verwaltung
Plattformübergreifende Kompatibilität
Echtzeit-Datenbankintegration
Integrierte Benutzerverwaltung

Voraussetzungen

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

Ein Capacitor-Projekt ist eingerichtet
Ein Supabase-Konto und -Projekt
Entwicklerkonten für Ihre ausgewählten sozialen Anbieter (Google, Apple, Facebook)

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

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

Siehe den Social Login und Supabase Plugin-Seiten für die plattformspezifische Einrichtung.

Schritt 2: Einrichten des Supabase-Projekts

Erstellen und Konfigurieren Ihres Supabase-Projekts

Erstellen Sie ein Supabase-Projekt:
- Gehe zu supabase.com und melden Sie sich anmelden/an
- Klicken Sie auf “New Project”
- Wählen Sie Ihre Organisation
- Geben Sie einen Projektname (z.B. "MyApp Auth")
- Ein Datenbank-Passwort setzen (speichere dies sicher)
- Wähle deine Region (wähle die nächste zu deinen Nutzern)
- Klicken Sie "Neuen Projekt erstellen"
Erhalte deine Projektanmeldeinformationen:
- Nach der Erstellung gehe zu Einstellungen > API
- Kopieren Sie Ihren Projekt-URL (z.B., https://your-project-ref.supabase.co)
- Kopieren Sie Ihren anon public API Schlüssel
- Speichern Sie diese für später in Ihrer App

Authentifizierungs-Einstellungen konfigurieren

Allgemeine Authentifizierungseinstellungen einrichten:
- Zum Authentifizierung > Einstellungen gehen
- Unter Allgemeine Einstellungen:
  - Setzen Seiten-URL zu Ihrer App-URL (z.B. https://yourdomain.com oder http://localhost:3000 für Entwicklungszwecke)
  - 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-Einstellungen, Ihre E-Mail-Anbieter konfigurieren
- Dies aktiviert Bestätigungen und Passwort-Restellungen per E-Mail
- Für die Entwicklung können Sie den integrierten E-Mail-Dienst verwenden

Zugriff auf die Anbieter-Sektion:
- Hinweis: Zum Anbieter-Verzeichnis gehen Sie wie folgt: Authentifizierung > Anbieter In Ihrem Supabase-Dashboard sehen Sie eine Liste der verfügbaren sozialen Anbieter
- Jeder Anbieter hat ein
- Enable Zurück toggle und Konfigurationsoptionen

Kommen wir nun auf die detaillierte Konfiguration jedes sozialen Providers zu sprechen:

Einrichten der Google-Authentifizierung in Supabase

Zunächst müssen Sie Ihre Google-OAuth-Zertifikate erhalten:

Folgen Sie unserem umfassenden Google-Einrichtungshandbuch: Einrichten der Google-Authentifizierung

Dieses Handbuch umfasst:

Erstellen eines Google-Cloud-Projects
Einrichten von OAuth 2.0-Zertifikaten für Web, iOS und Android
Konfigurieren der Einwilligungsbildschirm
Ermitteln der erforderlichen Client-IDs und -Geheimnisse

Nach Abschluss der Google-Einrichtung, konfigurieren Sie sie in Supabase:

Aktivieren Sie den Google-Anbieter in Supabase:
- In Ihrem Supabase-Dashboard gehen Sie zu Authentifizierung > Anbieter
- Finden Sie Google und klicken Sie es AN
- Füllen Sie die Konfiguration ein:
  - Client-ID: Ihre Google OAuth Web Client-ID (aus dem Google Cloud Console)
  - __CAPGO_KEEP_0__: Ihr Google OAuth Web __CAPGO_KEEP_0__
  - Zurückruf-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, selbst wenn Sie ein mobiles App bauen. Die mobilen Client-IDs werden separat in der Plugin-Konfiguration verwendet.

Apple-Authentifizierung in Supabase einrichten

Apple-Zugangsdaten erhalten:

Folgen Sie unserem detaillierten Apple-Einrichtungsleitfaden: Apple-Authentifizierungseinstellungen

Dieses Leitfaden umfasst:

Ihre Apple-Entwicklerkonto einrichten
App-IDs und Service-IDs erstellen
Die Anmeldung mit Apple-Kapazität konfigurieren
Die erforderlichen privaten Schlüssel generieren
Plattform-spezifische Einrichtung für iOS, Android und Web

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

Aktivieren Sie den Apple-Anbieter in Supabase:
- Gehe zu Authentifizierung > Anbieter und schalte Apple AN
- Füllen Sie die Konfiguration aus:
  - Client-ID: Ihre Service-ID-Bezeichner (z.B. com.yourapp.signin)
  - Client-Secret: Erstelle diesen JWT mithilfe deines Apple-Privatschlüssels (siehe Supabase Apple-Dokumentation für die JWT-Formatierung)
  - Zurück-URL: https://your-project-ref.supabase.co/auth/v1/callback (automatisch ausgefüllt)
- Klicken “Speichern”

Hinweis: Die Apple-Authentifizierungseinstellungen sind die komplexesten, da Apple Anforderungen an Service IDs, Privatschlüssel und JWT-Generation hat. Folge unserer Dokumentation sorgfältig für jede Plattform.

Einstellung der Facebook-Authentifizierung in Supabase

Erhalte Facebook-Zugangsdaten:

Folge unserer vollständigen Facebook-Einrichtungsanleitung: Facebook-Auth-Setup

Dieses Leitfaden umfasst:

Einen Facebook-Entwicklerkonto und -App erstellen
Das Facebook-Login-Produkt hinzufügen
OAuth-Redirect-URIs konfigurieren
Deinen App-ID, App-Secret und Client-Token erhalten
Plattform-spezifische Konfiguration für iOS und Android

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

Facebook-Anbieter in Supabase aktivieren:
- Zum Authentifizierung > Anbieter und klicken Sie auf das Schaltfläche Facebook AN
- Konfiguration ausfüllen:
  - Client-ID: Ihre Facebook-App-ID
  - Client-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 Supabase-Callback-URL (https://your-project-ref.supabase.co/auth/v1/callback) in den Facebook-App-Einstellungen für Facebook-Login hinzufügen ( , : Gültige OAuth-Redirect-URI

: Wichtige Anmerkungen zur Supabase-Konfiguration

: Zeilenbeauftragte Sicherheit (RLS):

: Nachdem Sie die Authentifizierung eingerichtet haben, aktivieren Sie die RLS auf Ihren Tabellen
: Gehe zu : Datenbank > Tabellen : und schalte : RLS aktivieren : für jede Tabelle an
Erstellen Sie Richtlinien, um den Zugriff auf Daten auf der Grundlage von authentifizierten Benutzern zu steuern

Benutzerverwaltung:

Anzeigen von authentifizierten Benutzern in Authentifizierung > Benutzer
Überwachen Sie Authentifizierungsereignisse in Authentifizierung > Protokolle
Konfigurieren Sie E-Mail-Vorlagen in Authentifizierung > E-Mail-Vorlagen

Testen der Konfiguration:

Verwenden Sie das integrierte Authentifizierungstestwerkzeug von Supabase
Gehe zu Authentifizierung > Benutzer und klicken Sie “Benutzer einladen” um E-Mail-Flüsse zu testen
Überprüfen Sie das Protokoll Abschnitt für etwaige Authentifizierungsfehler

Da 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.

How das Authentifizierungsfluss funktioniert

Bevor Sie sich in die Konfiguration einlassen, verstehen Sie den Fluss:

Plugin authentifiziert mit dem sozialen Anbieter (Google/Apple/Facebook) natively
Plugin erhält Tokens (Zugriffstoken, ID-Token) vom Anbieter
Ihre App sendet diese Tokens an Supabase signInWithIdToken()
Supabase validiert die Tokens mit dem Anbieter und erstellt eine Benutzersitzung
Supabase gibt sein eigenes JWT-Token für Ihre App’s authentifizierte Anfragen zurück

Google-Plugin-Konfiguration

Der Plugin benötigt Ihre Web Client ID für alle Plattformen und optional einen 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
The iOSClientId ist optional und wird nur für iOS-spezifische Google-Funktionen verwendet

Apple-Plugin-Konfiguration

Die Apple-Konfiguration variiert 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'
  }
});

Hauptpunkte 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
The redirectUrl entspricht der in beiden Apple Developer Portal und Supabase konfigurierten Einstellung

Facebook-Plugin-Konfiguration

Facebook erfordert Ihre App-ID und Ihren 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 die gleiche App-ID, die Sie in Supabase konfiguriert haben
Der Client-Token wird in den grundlegenden Einstellungen Ihres Facebook-Apps gefunden
limitedLogin: true ermöglicht Facebooks privacy-fokussierte Limited Login-Funktion (nur iOS)
Wichtig: Siehe unser Anleitung zur Facebook-Einrichtung zur detaillierten Limited Login-Information, einschließlich der Berücksichtigung von ATT

Abschließen der Plugin-Initialisierung

Hier ist die Anleitung, wie Sie alle Anbieter gleichzeitig initialisieren können:

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:

Aufrufen Sie initialize() einmal wenn Ihre App startet, nicht vor jedem Login
Sie benötigen nur die Anbieter zu konfigurieren, die Sie verwenden möchten
Die hier angegebenen Anmeldeinformationen stammen von den ursprünglichen Anbieternund nicht von Supabase
Stellen Sie sicher, dass die Anbieteranmeldeinformationen mit den in Supabase konfigurierten übereinstimmen

Schritt 5: Setup Supabase Client

Installieren Sie den Supabase Client:

npm install @supabase/supabase-js

Einen Supabase-Dienst erstellen:

// 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: Implementierung der Authentifizierungsablauf

Erstellen Sie einen Authentifizierungsdienst, der 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: Implementierung in Ihrer App

Initialisieren Sie den 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-Anwendung 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-Konfiguration, siehe unsere plattform-spezifischen Anleitungen:

Google iOS-Konfiguration - URL-Schemata, Info.plist-Konfiguration
Apple iOS-Konfiguration - Apple-Signin-Fähigkeit einrichten
Facebook iOS-Einrichtung (allgemeine Facebook-Anleitung) - Facebook SDK-Konfiguration

Kurzer Überblick - 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>

Folgen Sie den verlinkten Anleitungen für die vollständige iOS-Einrichtungsanweisungen einschließlich Xcode-Projekt-Konfiguration.

Android-Konfiguration

Für detaillierte Anweisungen zur Android-Einrichtung, siehe unsere plattform-spezifischen Anleitungen:

Google Android-Einrichtung - SHA-1-Abdrücke, Google Play Services-Konfiguration
Apple Android-Einrichtung - Konfiguration der Dienst-ID 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. Fügen Sie Facebook-Ressourcen hinzu 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>

Folgen Sie den verlinkten Plattformanleitungen 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

Sobald 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

Exponieren Sie keine sensiblen Schlüssel in Ihrem Client code
Verwenden Sie Umgebungsvariablen für die Konfiguration
Aktivieren Sie die Row Level Security in Supabase
Überprüfen Sie Token auf Ihrem Backend falls erforderlich
Behandeln Sie Token-Refresh __CAPGO_KEEP_0__ automatisch mit Supabase

Häufige Probleme lösen

Token-Mangelschreibfehler

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

Plattform-spezifische 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

Authentifizierungsablaufunterbrechungen

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

Zusammenfassung

Sie haben jetzt ein vollständiges Authentifizierungssystem, das Supabases robusten Backend mit nativen sozialen Anmeldefunktionen kombiniert. Diese Konfiguration bietet:

Sichere, native soziale Authentifizierung
Lückenlose Token-Verwaltung
Echtzeit-Datenbankintegration
Plattformübergreifende Kompatibilität

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

Für weitere fortgeschrittene Funktionen wie Zwei-Faktor-Authentifizierung oder Benutzerdefinierte Ansprüchebesuchen Sie bitte die Supabase-Dokumentation und das Dokumentation des Social Login-Plugins.

Wenn Sie Authentifizierung und Account-Flüsse planen Einrichtung von Supabase-Authentifizierung mit Capacitor Social Login-Plugin um 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, Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung, und SSO (Unternehmen) für die Implementierungsdetails in SSO (Unternehmen).

Setup Supabase-Authentifizierung mit Capacitor Social-Login-Plugin

Wozu Supabase mit sozialer Anmeldung verwenden?