Zum Inhalt springen

Apple Login unter iOS

GitHub

So, was ihr braucht, um Apple Login auf iOS einzurichten:

  1. Konfiguriere die Capabilities deiner App.

    Öffne dazu bitte Xcode und klicke auf App App Xcode

  2. Stelle sicher, dass du das richtige Target auswählst.

    App-Target in Xcode

  3. Bitte stellen Sie sicher, dass Sie Sign in with Apple Capability.

    App Xcode: Capability hinzufügen

    App Xcode: Capability hinzufügen

  4. Initialisiere den Apple Login in deiner App.

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. Erstelle einen Button, um den Login-Prozess zu starten.

    Dieser Button sollte die folgende Funktion aufrufen:

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. Starte deine App auf einem PHYSISCHES Gerät und teste es.

    Wenn du die Schritte genau befolgt hast, erscheint nach dem Klick auf deinen Button der folgende Bildschirm.

    Apple Sign In Prompt auf einem iOS-Gerät

Das war’s! Du bist startklar.

Rufe initialize mit dem apple Provider vor dem Login. Auf iOS clientId wird vom Betriebssystem nicht direkt genutzt; das Plugin verwendet es, um zu wissen, welcher Provider initialisiert werden muss.

await SocialLogin.initialize({
apple: {
clientId: 'your-client-id',
},
});
const res = await SocialLogin.login({
provider: 'apple',
options: {
scopes: ['email', 'name'],
},
});

Wenn du es nutzt Apple Login unter iOS 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.