Zum Inhalt springen

Apple-Authentifizierung auf iOS

GitHub

Lassen Sie uns aufschlüsseln, was Sie benötigen, um Apple Login auf IOS einzurichten.

  1. Konfigurieren Sie die Fähigkeiten Ihrer App.

    Um dies zu tun, öffnen Sie bitte Xcode, klicken Sie auf App XCode App

  2. Stellen Sie sicher, dass Sie das richtige Ziel ausgewählt haben.

    XCode App Ziel

  3. Stellen Sie sicher, dass Sie die Sign in with Apple Fähigkeit.

    App XCode Fähigkeit hinzufügen

    App XCode Fähigkeit hinzufügen

  4. Initialisieren Sie das Apple-Login in Ihrer App.

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. Erstelle einen Button, der den Anmeldeprozess startet.

    Der Button sollte die folgende Funktion aufrufen:

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. Führe dein App auf einem PHYSIKALISCHEN Gerät aus und test es.

    Wenn du die Schritte genau befolgt hast, siehst du nach dem Klicken deines Buttons die folgende Seite.

    Apple Sign In-Anmeldeprompt auf einem iOS-Gerät

Das ist alles! Du bist fertig.

Wählen Sie initialize mit dem apple Anbieter vor der Anmeldung. Bei iOS clientId ist nicht direkt vom Betriebssystem verwendet; der Plugin verwendet es, um zu wissen, welcher Anbieter initialisiert werden soll.

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

Wenn Sie Apple-Login auf iOS zur Planung der Authentifizierung und der Kontoflows verwenden, verbinden Sie es mit Verwenden Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login zur Verwendung der nativen Fähigkeit in Verwenden Sie @capgo/capacitor-social-login, for the native capability in Using @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.