Supabase Apple Login auf iOS-Einrichtung

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:

• der Apple Login iOS-Einrichtung
• der 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 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

Auf iOS verwendet Apple Sign-In die native Implementierung:

1. Initialisierung: Die Erweiterung verwendet automatisch die Bundle-ID Ihres Apps (keine clientId Erforderlichkeit
2. Native Sign-In: Verwendet Apples native Sign in with Apple-Button und Authentifizierungsablauf
3. Identitäts-Token: Apple gibt ein Identitäts-Token (JWT) zurück, das Benutzerinformationen enthält
4. 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

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-Entwicklerportal konfigurierten übereinstimmt
• Die Bundle-ID sollte die "Sign in with Apple"-Fähigkeit aktiviert haben

Supabase-Client-ID

In 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

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

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.