Apple Login - Allgemeine Einstellungen

Übersicht

Dieses Leitfaden 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 Richtlinie zur Einrichtung von Apple OAuth-Zugriffsberechtigungen

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

   • Android-Einrichtung
   • iOS-Einrichtung
   • Web-Einrichtung

   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 die Client-ID die gleiche wie Ihre App-ID. Für Android und Web ist die Client-ID die gleiche wie Ihre Service-ID. Sie verwenden sie in Schritt 7 dieser Anleitung.

Aktivieren von Apple OAuth-Anbieter in Supabase

1. Gehe zu Ihrem Supabase-Dashboard

2. Klicken Sie auf Ihr Projekt

   

3. Gehe zu dem Authentication Menü

   

4. Klicken Sie auf die Providers Registerkarte

   

5. Finde den Apple Anbieter

   

6. Apple-Login aktivieren Apple Anbieter

   

7. Konfiguration des Client-IDs einfügen:

   Hinweis

   Beachten Sie, wenn Sie Apple-Login für iOS verwenden, ist der Client-IDs gleich Ihrem App-ID. Wenn Sie Apple-Login für Android oder Web verwenden, ist der Client-IDs gleich Ihrem 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 Schaltfläche

   

   Anmerkung

   Sie haben keinen Secret key (for OAuth)Setup

erledigen

müssen

implementieren authenticateWithAppleSupabase() eine

• benutzerdefinierte
• Hintergrundimplementierung
• 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-Umleitung-Flow mit Backend-Edge-Funktion (erfordert Service-ID)
• Web: Verwendet OAuth-Popup-Flow (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 Apple Login - Allgemeine Einstellungen bei Supabase

Wenn Sie Apple Login - Allgemeine Einstellungen bei Supabase verwenden Wenn Sie Apple Login - Allgemeine Einstellungen bei Supabase verwenden für die Planung der Authentifizierung und Kontenflüsse, verbinden Sie es mit 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.