Zum Inhalt springen

Apple-Login auf IOS

GitHub

Lassen Sie uns herausfinden, was Sie benötigen, um Apple-Login auf iOS einzurichten.

  1. Konfigurieren Sie die Funktionen Ihres Apps.

    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. Bitte 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. Erstellen Sie einen Button, der den Anmeldeprozess beginnen wird.

    Sagen Sie, der Button sollte die folgende Funktion aufrufen:

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. Führen Sie Ihre App auf einem PHYSISCHEN Gerät und testen Sie es.

    Wenn Sie die Schritte genau befolgt haben, sehen Sie nach dem Klicken Ihres Buttons das folgende Bildschirm nach.

    Apple-Anmeldeschaltfläche auf einem iOS-Gerät

Das ist alles! Sie sind fertig.

Call initialize mit dem apple Provider vor der Anmeldung. Auf iOS wird clientId nicht direkt vom Betriebssystem verwendet; der Plugin verwendet es, um zu wissen, welchen Provider zu initialisieren.

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 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, Mit @capgo/capacitor-social-login für die Implementierungsdetails in @capgo/capacitor-social-login, Mit @capgo/capacitor-passkey für die Implementierungsdetails in @capgo/capacitor-passkey, Mit @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.