Zum Inhalt springen

Supabase Apple Login – iOS Setup

GitHub

Diese Anleitung hilft dir bei der Integration von Apple Sign-In mit Supabase Authentication unter iOS. Wir gehen davon aus, dass du Folgendes bereits erledigt hast:

Die vollständige Implementierung findest du im der Beispiel-App supabaseAuthUtils.ts Datei. Dieser Guide erklärt die wichtigsten Konzepte und wie du sie verwendest.

Der authenticateWithAppleSupabase Funktion übernimmt den gesamten Authentication-Flow:

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);
}

Unter iOS nutzt Apple Sign-In die native Implementierung:

  1. Initialisierung: Das Plugin verwendet automatisch die Bundle ID deiner App (kein clientId benötigt)
  2. Natives Sign-In: Nutzt Apples nativen „Sign in with Apple“-Button und Authentifizierungs-Flow
  3. Identity-Token: Apple liefert einen Identity Token (JWT) mit Benutzerinformationen zurück
  4. Supabase-Authentifizierung: The identity token is sent to Supabase using signInWithIdToken()

Die Helper-Funktion erkennt die iOS-Plattform automatisch und konfiguriert alles passend.

  • iOS verwendet automatisch die Bundle ID deiner App für Apple Sign-In
  • Stelle sicher, dass deine Bundle ID mit der Konfiguration im Apple Developer Portal übereinstimmt
  • Die Bundle ID muss die „Sign in with Apple“-Capability aktiviert haben

Konfiguriere deinen Apple-Provider in Supabase mit:

  • Client-ID: Deine iOS App ID (Bundle ID) – z. B. app.capgo.plugin.SocialLogin

Falls du auch Android/Web nutzt, musst du sowohl die App ID als auch die Service ID im Client-ID-Feld von Supabase angeben (kommagetrennt).

Falls die Authentifizierung fehlschlägt:

  • Bundle ID stimmt nicht überein: Prüfe, ob die Bundle ID in Xcode und im Apple Developer Portal übereinstimmt
  • Capability nicht aktiviert: Stelle sicher, dass die „Sign in with Apple“-Capability in Xcode aktiviert ist
  • Supabase-Konfiguration: Prüfe, ob deine App ID in den Apple-Provider-Einstellungen von Supabase korrekt konfiguriert ist
  • Token-Validierung schlägt fehl: Prüfe, ob das Identity Token von Apple empfangen wird
  • Überprüfe die Beispiel-App code als Referenz

Wenn du es nutzt Supabase Apple Login – iOS Setup Um Authentifizierungs- und Account-Flows zu planen, verbinde es mit @capgo/capacitor-social-login verwenden für die native Funktion bei der Verwendung von @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 zur Zwei-Faktor-Authentifizierung.