Apple-Login für Webbrowser

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

Dienst erstellen

Hinweis

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

Bitte befolgen Sie die Anleitung here Konfiguration der

Konfigurieren Sie das Return URLs

1. Gehe zu deiner Service-ID-Konfiguration

   Im Navigieren Sie zu, navigiere zu Identifiers > Services IDs und klicken Sie auf Ihre Dienst-ID.

2. Configuren Sie Sign in with Apple

   Klicken Sie auf Configure nächstes zu Sign in with Apple.

   

3. Fügen Sie die Rückruf-URLs hinzu

   Klicken Sie auf den + Schaltfläche, um eine neue Rückruf-URL hinzuzufügen.

   

4. Fügen Sie die Rückruf-URLs hinzu

   Fügen Sie Ihren Domain für Ihre Webanwendung in Domains and Subdomains.

   Achtung

   Sie KANNEN nicht localhost hinzufügen 127.0.0.1 als ein Domain hier.

   als Domain hier eintragen. https:// Prefix und der Pfad, von dem aus Sie Apple Login aufrufen werden. https://my-app.com und du wirst Apple Login aufrufen /loginBeispiel: Wenn Ihre Domain https://my-app.com/login als die Rückruf-URL.

   Achtung

   Sie MUSSEN beide die Domain mit einem Schrägstrich und ohne einen Schrägstrich hinzufügen.

   

5. Speichern Sie die Änderungen

   1. Klicken Sie auf den Next Schaltfläche, um die Änderungen zu speichern.
   2. Klicken Sie auf den Save Schaltfläche, um die Änderungen zu speichern.

6. Sie sollten bereit sein, den Login für JavaScript zu testen. Beachten Sie bitte, dass Sie von localhost nicht testen können.

Fortsetzen Sie mit Apple-Login für Webbrowser

Wenn Sie Apple-Login für Webbrowser verwenden Apple-Login für Webbrowser um die Authentifizierung und die Kontenflüsse zu planen, verbinden Sie es mit Verwenden Sie @capgo/capacitor-social-login für die native Fähigkeit in Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-social-login für die Implementierungsdetails in Verwenden Sie @capgo/capacitor-social-login Verwenden Sie @capgo/capacitor-passkey für die Implementierungsdetails in Verwenden Sie @capgo/capacitor-passkey Verwenden Sie @capgo/capacitor-native-biometric für die Implementierungsdetails in Verwenden Sie @capgo/capacitor-native-biometric Zweifaktor-Authentifizierung für die Implementierungsdetails in der Zweifaktor-Authentifizierung.