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 folgende Schritte abgeschlossen haben:

• die Apple Login iOS-Einrichtung
• die Supabase Apple Login - Allgemeine Einrichtung.

Implementierung

Beispiel-App’s Datei verfügbar. Diese Anleitung erklärt die wichtigsten Konzepte und wie Sie sie verwenden können. supabaseAuthUtils.ts Verwendung der Authentifizierungs-Hilfe

This guide will help you integrate Apple Sign-In with Supabase Authentication on iOS. It is assumed that you have already completed: the Apple Login iOS setup the Supabase Apple Login - General Setup Implementation Section titled “Implementation” The complete implementation is available in the example app’s file. This guide explains the key concepts and how to use it. Using the Authentication Helper

Der authenticateWithAppleSupabase Funktion erledigt den gesamten Authentifizungsprozess:

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 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 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 Supabase's Client-ID-Feld (getrennt durch Kommas) angeben.

Fehlerbehebung

Wenn die Authentifizierung fehlschlägt:

• Bundle-ID-Ungleichheit: Überprüfen Sie, ob Ihre Bundle-ID in Xcode und im Apple-Entwicklerportal übereinstimmt
• Fähigkeit nicht aktiviert: Stelle sicher, dass die Funktion „Anmeldung 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 das Identitäts-Token von Apple empfangen wird
• Zurück zur Beispielanwendung code zur Referenz

Fortsetzen von Supabase Apple Login auf iOS

Wenn du Supabase Apple Login auf iOS verwendest um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Mit @capgo/capacitor-social-login verwenden 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-biometric für die Implementierungsdetails in @capgo/capacitor-native-biometric und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.