Setup Supabase-Authentifizierung mit Capacitor Social-Login-Plugin

Die Einrichtung der Authentifizierung in mobilen Apps kann komplex sein, aber die Combination mit dem "__CAPGO_KEEP_0__ Social Login-Plugin" macht es einfacher. Diese Anleitung führt Sie durch die Integration der sozialen Authentifizierung (Google, Apple, Facebook) mit Supabase in Ihrer __CAPGO_KEEP_0__-App. Supabase mit dem Capgo Social Login-Plugin makes it straightforward. This tutorial will guide you through integrating social authentication (Google, Apple, Facebook) with Supabase in your Capacitor app.

Supabase

bietet einen robusten Backend-as-a-Service mit integrierter Authentifizierung, während das @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login @capgo/capacitor-social-login @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-supabase @capgo/capacitor-supabase Supabase

• Einfache soziale Authentifizierung
• Sichere Token-Verwaltung
• Kompatibilität über Plattformen hinweg
• 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)

Schritt 1: Installieren und Konfigurieren des Social-Login-Plugins

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

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

Blicken Sie sich um Soziale Anmeldung und Supabase Plugin-Seiten für die Plattformspezifische Einrichtung ansehen.

Schritt 2: Einrichten des Supabase-Projekts

Erstellen und Konfigurieren Ihres Supabase-Projekts

1. Erstellen Sie ein Supabase-Projekt:

   • Gehen Sie zu supabase.com und melden Sie sich anmelden/abmelden
   • Klicken Sie “Neues Projekt”
   • Wählen Sie Ihre Organisation
   • Ein Projektname (z.B. „MeineApp Auth“)
   • Setzen Sie ein Datenbankpasswort (speichern Sie dies sicher)
   • Wählen Sie Ihre Region (wählen Sie die nächste zu Ihren Benutzern)
   • Klicken Sie “Neues Projekt erstellen”

2. Ermitteln Sie Ihre Projektanmeldeinformationen:

   • Nachdem Sie das Projekt erstellt haben, gehen Sie zu Einstellungen > API
   • Kopieren Sie Ihren 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

Konfigurieren Sie die Authentifizierungs-Einstellungen

3. Setup allgemeine Authentifizierungseinstellungen:

   • Gehe zu Authentifizierung > Einstellungen
   • Unter Allgemeine Einstellungen:
     • Setze Site-URL auf die URL deiner App (z.B. https://yourdomain.com oder http://localhost:3000 für Entwicklungszwecke)
     • Füge zusätzliche Umleitungs-URLs wenn nötig:

       http://localhost:3000
       https://yourdomain.com
       capacitor://localhost (for mobile apps)

4. E-Mail-Einstellungen konfigurieren (optional, aber empfohlen):

   • Unter SMTP-Einstellungen, Ihre E-Mail-Anbieter konfigurieren
   • Dies aktiviert Bestätigungen per E-Mail und Passwortrücksetzungen
   • Für die Entwicklung können Sie die integrierte E-Mail-Dienstleistung verwenden

Soziale Authentifizierungsanbieter aktivieren

5. Zum Anbieterbereich gelangen:
   • Zum Authentifizierung > Anbieter In Ihrem Supabase-Dashboard
   • Sie sehen eine Liste der verfügbaren sozialen Anbieter
   • Jeder Anbieter hat ein Zurücksetzen Schaltfläche und Konfigurationsoptionen

Now konfigurieren wir jeden sozialen Anbieter im Detail:

Schritt 3: Konfigurieren Sie soziale Anbieter in Supabase

Einrichten von Google-Authentifizierung in Supabase

Zuerst erhalten Sie Ihre Google-OAuth-Zertifikate:

Folgen Sie unserem umfassenden Google-Einrichtungsleitfaden: Einrichtung von Google-Authentifizierung

Dieser Leitfaden behandelt:

• Ein Google Cloud-Projekt erstellen
• OAuth 2.0-Zugriffsberechtigungen für Web, iOS und Android einrichten
• Die Einwilligungsbildschirm-Einstellungen konfigurieren
• Die erforderlichen Client-IDs und -Geheimnisse erhalten

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

1. Google-Anbieter in Supabase aktivieren:
   • In Ihrem Supabase-Dashboard gehen Sie zu Authentifizierung > Anbieter
   • Finden Sie Google und klicken Sie es AN
   • Konfiguration ausfüllen:
     • Client-ID: Ihre Google OAuth Web Client-ID (aus dem Google Cloud Console)
     • Client-Secret: Ihre Google OAuth Web Client-Secret
     • Zurücksetzungs-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 von Apple-Authentifizierung in Supabase

Erhalten Sie Apple-Zertifikate:

Folgen Sie unserem detaillierten Apple-Einrichtungsleitfaden: Apple-Authentifizierungseinstellung

Diese Anleitung umfasst:

• Einstellung Ihrer Apple-Entwicklerkonto
• Erstellen von App-IDs und Service-IDs
• Konfiguration der Apple-Anmeldung
• Erstellen der erforderlichen privaten Schlüssel
• Plattform-spezifische Einrichtung für iOS, Android und Web

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

1. Apple-Anbieter in Supabase aktivieren:
   • Zum Authentifizierung > Anbieter und schalten Sie Apple AN
   • 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-Format)
     • Zurück-URL: https://your-project-ref.supabase.co/auth/v1/callback (automatisch ausgefüllt)
   • Klicken “Speichern”

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

Einrichten der Facebook-Authentifizierung in Supabase

Erhalten Sie Facebook-Zugangsdaten:

Folgen Sie unserem vollständigen Facebook-Einrichtungsleitfaden: Einrichtung der Facebook-Authentifizierung

Dieser Leitfaden umfasst:

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

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

1. Facebook-Bereitstellung in Supabase aktivieren:
   • Gehe zu Authentifizierung > Anbieter und schalte Facebook AN
   • Die Konfiguration ausfüllen:
     • Client-ID: Deine Facebook-App-ID
     • Client-Secret: Dein Facebook-App-Secret
     • Umleitungs-URL: https://your-project-ref.supabase.co/auth/v1/callback (auto-filled)
   • 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 unter "Gültige OAuth-Redirect-URIs" hinzufügen Gültige OAuth-Redirect-URIs in den Facebook-Login-Einstellungen.

Wichtige Anmerkungen zur Supabase-Konfiguration

Ebenen-basierte Rechteverwaltung (RLS):

• Nach der Einrichtung der Authentifizierung aktivieren Sie RLS auf Ihren Tabellen
• Zum Anfang gehen Datenbank > Tabellen und umschalten RLS aktivieren für jede Tabelle
• Policies erstellen, um den Zugriff auf Daten auf der Grundlage von authentifizierten Benutzern zu steuern

Benutzerverwaltung:

• Authentifizierte Benutzer in der Authentifizierung > Benutzer
• Authentifizierungsereignisse in der Überwachung Authentifizierung > Protokolle
• E-Mail-Vorlagen einrichten Authentifizierung > E-Mail-Vorlagen

Konfigurationstest durchführen:

• Mithilfe der integrierten Authentifizierungstools von Supabase testen
• Zu Authentifizierung > Benutzer und klicken Sie auf “Invite user” um E-Mail-Flüsse zu testen
• Überprüfen Sie die Protokolle Abschnitt für etwaige Authentifizierungsfehler

Schritt 4: Konfigurieren Sie das Social-Login-Plugin

Da Supabase jetzt konfiguriert ist, müssen Sie das Social-Login-Plugin mit den entsprechenden Anmeldeinformationen einrichten. Wichtig: Die Plugin benötigt die OAuth-Zertifikate von den ursprünglichen Anbietern (nicht von Supabase), während Supabase die Serverseitenauthentifizierung abhandelt.

Wie die Authentifizierungsablauf funktioniert

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

1. Plugin authentifiziert sich mit dem sozialen Anbieter (Google/Apple/Facebook) natively
2. Plugin erhält Tokens (Zugriffstoken, ID-Token) vom Anbieter
3. Ihre App sendet diese Tokens an Supabase signInWithIdToken()
4. Supabase validiert die Tokens mit dem Provider und erstellt eine Benutzersitzung
5. Supabase gibt seinen eigenen JWT-Token für die von Ihrer App authentifizierten Anforderungen zurück

Google-Plugin-Konfiguration

Das 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 für die webClientId Feld
• Der 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 variiert zwischen iOS und Android:

Für iOS (native Apple-Authentifizierung):

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
• Der redirectUrl sollte dem entsprechen, was Sie in beiden Apple Developer Portal und Supabase konfiguriert haben

Facebook-Plugin-Konfiguration

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 die gleiche App-ID, die Sie in Supabase konfiguriert haben
• Client-Token finden Sie in den grundlegenden Einstellungen Ihres Facebook-Apps
• limitedLogin: true ermöglicht Facebooks privacy-fokussierte Limited Login-Funktion (nur iOS)
• Wichtig: Sehen Sie unsere Facebook-Einrichtungsanleitung zur detaillierten Limited Login-Information, einschließlich Sicherheitsüberlegungen

Vollständige Plugin-Initialisierung

Hier erfahren Sie, 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:

• Aufrufen initialize() einmal als Ihre App startet, nicht vor jedem Login
• Sie benötigen nur die Anbieter zu konfigurieren, die Sie verwenden möchten
• Die hier angegebenen Zugangsdaten stammen von den ursprünglichen Anbieternnicht von Supabase
• Stellen Sie sicher, dass die Anbieterkennungen mit den in Supabase konfigurierten entsprechen

Schritt 5: Einrichten des Supabase-Clients

Installieren Sie den Supabase-Kunden:

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

Einen Authentifizierungsdienst erstellen, 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();

Login-Schaltflächen in Ihrer UI erstellen:

// 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

For detaillierte iOS-Einrichtungsanleitungen, sehen Sie sich unsere plattform-spezifischen Anleitungen an:

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

Kurzübersicht - 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 eine vollständige iOS-Einrichtungsanleitung einschließlich Xcode-Projekt-Konfiguration.

Android-Konfiguration

For detaillierte Anweisungen zur Android-Einrichtung, siehe unsere plattformspezifischen Anleitungen:

• Google Android Einrichtung - SHA-1-Abdrücke, Google Play Services-Konfiguration
• Apple Android Einrichtung - Android-Dienst-IDs-Konfiguration
• Facebook Android Einrichtung (allgemeine Facebook-Anleitung) - Facebook SDK-Integration

Wichtige Android-Einrichtung:

1. Erhalten Sie Ihren SHA-1-Abdruck (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 Plattformleitfäden für eine vollständige Android-Konfiguration einschließlich Google Play Services-Einrichtung und Paketnamen-Konfiguration.

Schritt 9: Verwenden von 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

1. Exponieren Sie keine sensiblen Schlüssel im Client code
2. Verwenden Sie Umgebungsvariablen für die Konfiguration
3. Aktivieren Sie die Row Level Security In Supabase
4. Token-Validierung Überprüfen Sie die Token auf Ihrem Backend, falls erforderlich
5. Token-Refresh-Handling automatisch mit Supabase

Häufige Probleme lösen

Fehler bei Token-Mismatch

• Stellen Sie sicher, dass die Konfigurationen Ihres OAuth-Anbieters 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 die SHA1-Fingerabdrücke korrekt in Google Console hinzugefügt wurden

Authentifizierungsablauf-Unterbrechungen

• 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 Anmeldeverfahren kombiniert. Diese Konfiguration bietet:

• Sichere, native soziale 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 Authentifizierungslösung für Ihre Capacitor Apps.

Für weitere fortgeschrittene Funktionen wie Zweifaktor-Authentifizierung oder benutzerdefinierte Ansprüche, besuchen Sie die Supabase-Dokumentation und die Dokumentation zum Social-Login-Plugin.

Fahren Sie mit der Einrichtung von Supabase-Authentifizierung mit dem Capacitor Social-Login-Plugin fort

Wenn Sie Authentifizierung und Account-Flüsse planen und es mit Setup Supabase-Authentifizierung mit dem Capacitor Social-Login-Plugin verbinden möchten, wenden Sie sich an @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).