Apple Login für Webbrowser

Die Konfiguration des Web-Logins ist nicht trivial. Sie ist schwieriger als die Einrichtung von Sign in with Apple auf iOS, aber schwieriger als die Einrichtung von Sign in with Apple auf Android.

Service erstellen

Hinweis

Dieser Schritt ist überflüssig, wenn du bereits konfiguriert hast Sign in with Apple auf Android.

Bitte folge der Anleitung hier um den Service zu erstellen.

Konfiguration des Return URLs

1. Gehe zu deiner Service ID-Konfiguration

   Im Apple Developer Portal, navigiere zu Identifiers > Services IDs und klicke auf deine Service ID.

2. Sign in with Apple konfigurieren

   Klicken Sie auf Configure neben Sign in with Apple.

   

3. Return URLs hinzufügen

   Klicke auf die + Button, um eine neue Return URL hinzuzufügen.

   

4. Return URLs hinzufügen

   Trage deine Domain für die Web-App unter folgendem Bereich ein: Domains and Subdomains.

   Achtung

   Du KANN NICHT hinzufügen localhost oder 127.0.0.1 als Domain hier.

   Füge dann deine Domain mit dem https:// Präfix und dem Pfad hinzu, über den du Apple Login aufrufst. Wenn deine Domain zum Beispiel https://my-app.com ist und du Apple Login von /loginaus aufrufst, solltest du https://my-app.com/login als Return-URL hinzufügen.

   Achtung

   Du MUSS füge sowohl die Domain mit als auch ohne abschließenden Slash hinzu.

   

5. Änderungen speichern

   1. Klicke auf die Next Button zum Speichern der Änderungen.
   2. Klicke auf die Save Button zum Speichern der Änderungen.

6. Der Login für JavaScript sollte nun testbereit sein. Bitte beachte, dass Tests nicht über localhost möglich sind.

Apple Login für Webbrowser fortsetzen

Wenn du es nutzt Apple Login für Webbrowser 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.