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 App XCode

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

    XCode App Ziel

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

    App XCode Leistungsfähigkeit hinzufügen

    App XCode Leistungsfähigkeit hinzufügen

  4. Initialisieren Sie die Apple-Anmeldung 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. Lade dein App auf einem PHYSIKALISCHEN Gerät 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 iOS-Gerät

Das ist alles! Du bist fertig.

Anrufen initialize mit dem apple Anbieter vor der Anmeldung. Bei iOS clientId wird es 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-Anmeldung auf iOS zur Planung der Authentifizierung und der Kontoflows verwenden, verbinden Sie es mit Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login zur Verwendung der nativen Fähigkeit in Mit @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-biometrische Authentifizierung und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.