Supabase Apple Login auf iOS-Einrichtung

Voraussetzungen

Diese Anleitung hilft Ihnen, Apple Sign-In mit Supabase Authentication auf iOS zu integrieren. Es wird davon ausgegangen, 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-Verzeichnis supabaseAuthUtils.ts Datei verfügbar. Diese Anleitung erklärt die wichtigsten Konzepte und wie man sie verwendet.

Mit der Authentifizierungshilfe

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

Bei iOS verwendet Apple Sign-In die native Implementierung:

1. Initialisierung: Die Erweiterung verwendet Ihr App-Bundle-ID automatisch (keine clientId benötigt)
2. Native Anmeldung: Verwendet Apples native Sign in with Apple-Button und Authentifizierungsfluss
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: Dein iOS-App-ID (Bundle-ID) - z.B. app.capgo.plugin.SocialLogin

Wenn du auch Android/Web verwendest, musst du sowohl die App-ID als auch die Service-ID in der Client-ID-Eingabe von Supabase (getrennt durch Kommas) angeben.

Schwierigkeiten bei der Fehlerbehebung

Wenn die Anmeldung fehlschlägt:

• Bundle-ID-Mismatch: Überprüfe, ob die Bundle-ID in Xcode und im Apple-Entwicklerportal übereinstimmt.
• Fähigkeit nicht aktiviert: Stelle sicher, dass die Fähigkeit „Anmeldung mit Apple“ in Xcode aktiviert ist.
• Konfiguration von Supabase: Überprüfe, ob die App-ID in den Apple-Einstellungen von Supabase korrekt konfiguriert ist.
• Token-Validierung fehlschlägt: Überprüfen Sie, ob der Identitäts-Token von Apple empfangen wird.
• Review the Beispiel-App code zur Referenz

Fortsetzen von Supabase Apple Login auf iOS Einrichtung

Wenn Sie Supabase Apple Login auf iOS Einrichtung zum Planen der Authentifizierung und der Kontoflows verwenden es mit Verwenden Sie @capgo/capacitor-social-login zur nativen Fähigkeit in Verwenden Sie @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