Supabase Apple Login - Allgemeine Einstellungen

Übersicht

Diese Anleitung hilft Ihnen, Apple Sign-In mit Supabase-Authentifizierung zu integrieren. Apple Sign-In bietet eine sichere, auf Privatsphäre ausgerichtete Authentifizierungs Methode, die auf iOS, Android und Web-Plattformen funktioniert.

Voraussetzungen

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

1. Einen Supabase-Projekt erstellt haben

2. Die context Anleitung zur Einrichtung von Apple OAuth-Zertifikaten

3. Folgen Sie den jeweils plattform-spezifischen Anleitungen, um die Apple OAuth-Zertifikate für Ihre Zielplattform einzurichten:

   • Einstellungen für Android
   • Einstellungen für iOS
   • Einstellungen für Web

   Hinweis

   Bevor Sie mit der Supabase-Anleitung beginnen, müssen Sie die Client-IDs für die Plattformen erstellen, die Sie verwenden möchten.

   Für iOS ist der Client-ID der gleiche wie Ihr App-ID.

Für Android und Web ist der Client-ID der gleiche wie Ihre Service-ID.

1. Apple OAuth-Anbieter in Supabase aktivieren Supabase-Dashboard

2. Klicken Sie auf Ihr Projekt

   

3. Gehe zu dem Authentication Menü

   

4. Klicken Sie auf die Providers Registerkarte

   

5. Finden Sie den Apple Anbieter

   

6. Aktivieren Sie den Apple Anbieter

   

7. Füllen Sie die Client-ID-Konfiguration ein:

   Hinweis

   Wenn Sie Apple-Login für iOS verwenden, ist die Client-ID gleich Ihrem App-ID. Wenn Sie Apple-Login für Android oder Web verwenden, ist die Client-ID gleich Ihrer Service-ID. Wenn Sie beide verwenden, müssen Sie sowohl die App-ID als auch die Service-ID bereitstellen.

   

8. Klicken Sie auf den Save Button

   

   Hinweis

   Sie Haben Sie keinen Secret key (for OAuth)einstellen

müssen

Wir

eine authenticateWithAppleSupabase() Benutzerkontodatenbank

• für
• Apple-Login
• Identitäts-Token extrahiert
• Mit dem Identitäts-Token bei Supabase anmeldet

Vollständige Implementierung

Die vollständige Implementierung ist im Beispiel-App’s supabaseAuthUtils.ts Datei verfügbar.

Grundlegende Verwendung

import { authenticateWithAppleSupabase } from './supabaseAuthUtils';

const result = await authenticateWithAppleSupabase();
if (result.success) {
  console.log('Signed in:', result.user);
  // Navigate to your authenticated area
} else {
  console.error('Error:', result.error);
}

Wie es funktioniert

Die Hilfsfunktion handhabt automatisch Plattform-spezifische Unterschiede:

• iOS: Verwendet native Apple Sign-In (keine Umleitung-URL erforderlich, verwendet automatisch die Bundle-ID)
• Android: Verwendet OAuth-Umleitungsfluss mit Backend-Edge-Funktion (erfordert Service-ID)
• Web: Verwendet OAuth-Popup-Fluss (erfordert Service-ID und aktuelle Seite-URL als Umleitung)

Die Funktion gibt ein Identitäts-Token von Apple zurück, das dann zur Authentifizierung mit Supabase verwendet wird: supabase.auth.signInWithIdToken().

Weitermachen von Supabase Apple Login - Allgemeine Einstellungen

Wenn Sie Supabase Apple Login - Allgemeine Einstellungen verwenden Wenn Sie Supabase Apple Login - Allgemeine Einstellungen verwenden für die Planung der Authentifizierung und Kontenflüsse zu verbinden Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @capgo/capacitor-social-login Mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login Mit @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey Mit @capgo/capacitor-native-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung