Supabase Apple Login auf iOS-Einrichtung
Ein Setup-Prompt mit den Installations-Schritten und der vollständigen Markdown-Dokumentation für diesen Plugin kopieren.
Voraussetzungen
Abschnitt mit dem Titel „Voraussetzungen“Diese Anleitung hilft Ihnen dabei, Apple Sign-In mit Supabase Authentication auf iOS zu integrieren. Es wird davon ausgegangen, dass Sie bereits folgende Schritte abgeschlossen haben:
Implementierung
Abschnitt mit dem Titel „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 dem Authentifizierungshilfsprogramm
Abschnitt mit dem Titel „Mit dem Authentifizierungshilfsprogramm”Die authenticateWithAppleSupabase Funktion handhabt den gesamten Authentifizierungsfluss:
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
Abschnitt mit dem Titel „Wie es funktioniert“Auf iOS verwendet Apple Sign-In die native Implementierung:
- Initialisierung: Die Erweiterung verwendet automatisch die Bundle-ID Ihres Apps (keine
clientIdErforderlichkeit - Native Sign-In: Verwendet Apples native Sign in with Apple-Button und Authentifizierungsablauf
- Identitäts-Token: Apple gibt ein Identitäts-Token (JWT) zurück, das Benutzerinformationen enthält
- Supabase-Authentifizierung: Das Identitäts-Token wird an Supabase gesendet, indem
signInWithIdToken()
Die Hilfsfunktion erkennt automatisch die iOS-Plattform und konfiguriert alles entsprechend.
Wichtige Hinweise
Wichtige HinweiseBundle-ID-Konfiguration
Wichtige Hinweise- iOS verwendet Ihre App-Bundle-ID automatisch für Apple-Sign-In
- Stellen Sie sicher, dass Ihre Bundle-ID mit der im Apple-Entwicklerportal konfigurierten übereinstimmt
- Die Bundle-ID sollte die "Sign in with Apple"-Fähigkeit aktiviert haben
Supabase-Client-ID
Wichtige HinweiseIn Supabase konfigurieren Sie Ihren Apple-Anbieter mit:
- Client-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 Supabase's Client-ID-Feld (komma-getrennt) bereitstellen.
Fehlersuche
Abschnitt mit dem Titel “Fehlersuche”Wenn die Authentifizierung fehlschlägt:
- Bundle-ID-Ungleichheit: Überprüfen Sie, ob die Bundle-ID in Xcode und im Apple-Entwicklerportal übereinstimmt
- Fähigkeit nicht aktiviert: Stellen Sie sicher, dass die Fähigkeit „Anmeldung mit Apple“ in Xcode aktiviert ist
- Supabase-Konfiguration: Überprüfen Sie, ob die App-ID in den Supabase-Einstellungen für den Apple-Anbieter korrekt konfiguriert ist
- Token-Validierung fehlschlägt: Überprüfen Sie, ob der Identitäts-Token von Apple empfangen wird
- Überprüfen Sie die Beispiel-App code Zur Referenz
Fortsetzen Sie von Supabase Apple Login auf iOS Setup
Abschnitt mit dem Titel “Fortsetzen Sie von Supabase Apple Login auf iOS Setup”Wenn Sie Supabase Apple Login auf iOS Setup zur Planung der Authentifizierung und 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-Biometrie für die Implementierungsdetails in @capgo/capacitor-native-Biometrie, und Zweifaktor-Authentifizierung für die Implementierungsdetails in Zweifaktor-Authentifizierung.