Supabase Apple Login auf iOS einrichten

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:

• dieses Apple Login iOS-Einrichtung
• Supabase Apple Login - Allgemeine Einrichtung Implementierung.

Die vollständige Implementierung ist im

verfügbar. Diese Anleitung erklärt die wichtigsten Konzepte und zeigt Ihnen, wie Sie es verwenden können. Verwendung der Authentifizierungs-Hilfe supabaseAuthUtils.ts 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: die Apple Login iOS-Einrichtung und die Supabase Apple Login - Allgemeine Einrichtung.

Der authenticateWithAppleSupabase Funktion erledigt den gesamten Authentifizierungsprozess:

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 Eingabe erforderlich)
2. Native Sign-In: Verwendet die native Apple-Sign-in-Schaltfläche und Authentifizierungsablauf von Apple
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 signInWithIdToken()

Der Hilfsfunktion wird automatisch die iOS-Plattform erkannt und konfiguriert alles entsprechend.

Wichtige Hinweise

Bundle-ID-Konfiguration

• iOS verwendet automatisch die Bundle-ID Ihres Apps 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 "Sign in with Apple"-Fähigkeit aktiviert haben

Supabase Client ID

In Supabase konfigurieren Sie Ihren Apple-Anbieter wie folgt:

• 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 der Client-ID-Feld von Supabase (komma-getrennt) bereitstellen.

Fehlerbehebung

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: Stelle sicher, dass die Funktion "Anmelden mit Apple" in Xcode aktiviert ist
• Supabase-Konfiguration: Überprüfe, ob dein App-ID in den Apple-Einstellungen von Supabase korrekt konfiguriert ist
• Token-Validierung fehlschlägt: Überprüfe, ob der Identitäts-Token von Apple empfangen wird
• Review die Beispielanwendung code zur Referenz