Konfiguration von Supabase Apple Login auf iOS

Voraussetzungen

Diese Anleitung hilft Ihnen, Apple Sign-In mit Supabase-Authentifizierung auf iOS zu integrieren. Es wird angenommen, dass Sie bereits die folgenden Schritte abgeschlossen haben:

• den Apple Login iOS-Einrichtung
• die Supabase Apple Login - Allgemeine Einrichtung.

Implementierung

Die vollständige Implementierung ist im Beispiel-App-Datei supabaseAuthUtils.ts verfügbar. Diese Anleitung erklärt die wichtigsten Konzepte und wie man sie verwendet.

Mit der Authentifizierungshilfe

Die authenticateWithAppleSupabase Authentifizierungsfunktion

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

Bei iOS verwendet Apple Sign-In die native Implementierung:

1. Initialisierung: Die Erweiterung verwendet automatisch die Bundle-ID Ihres Apps (keine clientId Erforderlichkeit)
2. Native Anmeldung: Verwendet Apples native Sign in with Apple-Button und Authentifizierungsablauf
3. Identitäts-Token: Apple gibt ein Identitäts-Token (JWT) mit Benutzerinformationen zurück
4. Supabase-Anmeldung: Das Identitäts-Token wird an Supabase gesendet signInWithIdToken()

Die Hilfsfunktion erkennt das iOS-Plattform automatisch und konfiguriert alles entsprechend.

Wichtige Hinweise

Bundle-ID-Konfiguration

• iOS verwendet Ihre App-Bundle-ID automatisch für Apple Sign-In
• Stellen Sie sicher, dass Ihre Bundle-ID mit der im Apple Developer Portal konfigurierten übereinstimmt
• Die Bundle-ID sollte die Funktion „Sign in with Apple“ aktiviert haben

Supabase-Kunden-ID

In Supabase konfigurieren Sie Ihren Apple-Anbieter wie folgt:

• Kunden-ID: Ihre iOS App-ID (Bundle-ID) - z.B. app.capgo.plugin.SocialLogin

Wenn Sie auch Android/Web verwenden, müssen Sie sowohl die App-ID als auch die Service-ID in der Client-ID-Eingabe von Supabase (getrennt durch Kommas) bereitstellen.

Schwierigkeiten bei der Fehlerbehebung

Wenn die Authentifizierung fehlschlägt:

• Bundle-ID-Mismatch: Überprüfen Sie, ob Ihre Bundle-ID in Xcode und im Apple Developer Portal übereinstimmt
• Die Funktion ist nicht aktiviert: Stellen Sie sicher, dass die Funktion „Anmeldung mit Apple“ in Xcode aktiviert ist
• Konfiguration von Supabase: Überprüfen Sie, ob Ihre App-ID in den Apple-Einstellungen von Supabase korrekt konfiguriert ist
• Token-Validierung fehlgeschlagen: Überprüfen Sie, ob der Identitäts-Token von Apple empfangen wird.
• Review die Beispiel-App code zur Referenz

Weitergehen von Supabase Apple Login auf iOS Einrichtung

Wenn Sie Supabase Apple Login auf iOS Einrichtung für die Planung der Authentifizierung und der Kontoflows verwenden Verbinden Sie es mit Mit @capgo/capacitor-social-login für die native Fähigkeit in Mit @capgo/capacitor-social-login, @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 und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung