Apple-Login für Webbrowser

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

Erstellung der Dienst

Hinweis

Dieser Schritt ist überflüssig, wenn Sie bereits die Konfiguration von Sign in with Apple auf Android

Bitte folgen Sie der Anleitung hier um die Dienst zu generieren.

Konfiguration der Return URLs

1. Gehe zu deiner Service-ID-Konfiguration

   In der Apple-Entwickler-Portal, navigiere zu Identifiers > Services IDs und klicke auf deine Service-ID.

2. Konfiguration von Sign in with Apple

   Klicke auf Configure nächstes zu Sign in with Apple.

   

3. Füge die Rückrufe hinzu

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

   

4. Hinzufügen der Rückruf-URLs

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

   Vorsicht

   Sie KÖNNEN NICHT hinzufügen localhost oder 127.0.0.1 als eine Domain hier.

   Fügen Sie dann Ihre Domain mit dem https:// Präfix und dem Pfad hinzu, von dem aus Sie Apple Login aufrufen werden. https://my-app.com Beispiel /loginund Sie werden Apple Login von https://my-app.com/login hinzufügen.

   Achtung

   Sie MUSSEN beide die Domain mit einem Schlusspunkt und ohne Schlusspunkt hinzufügen.

   

5. Speichern Sie die Änderungen

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

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

Gehen Sie weiter mit Apple-Login für Webbrowser

Wenn Sie Apple-Login für Webbrowser für die Planung der Authentifizierung und der Kontoflows verwenden, verbinden Sie es mit Mit @capgo/capacitor-social-login 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.