Zum Inhalt springen

Apple-Login auf iOS

GitHub

Um Apple-Login auf IOS zu konfigurieren, benötigen Sie Folgendes.

  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 auswählen.

    XCode Ziel für die App

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

    App XCode Fähigkeit hinzufügen

    App XCode Fähigkeit hinzufügen

  4. Initialisieren Sie die Apple-Anmeldung in Ihrer App.

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. Erstellen Sie 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. Laufen Sie Ihr App auf einem PHYSISCHEN Gerät und testen Sie es

    Wenn Sie die Schritte genau befolgt haben, sehen Sie nach dem Klicken Ihres Buttons die folgende Bildschirmansicht

    Apple Sign In-Anzeige auf iOS-Gerät

Das ist alles! Sie sind fertig.

Apple-Login initialisieren

Abschnitt: "Apple-Login initialisieren"

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

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

Abschnitt: "Weitermachen von Apple-Login auf iOS"

Wenn Sie Apple-Login auf iOS verwenden

Initialize Apple login Section titled “Initialize Apple login” für die Planung der Authentifizierung und Kontenflüsse, 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-Passwort für die Implementierungsdetails in @capgo/capacitor-passkey, @capgo/capacitor-native-biometrisch für die Implementierungsdetails in @capgo/capacitor-native-biometrisch und Zwei-Faktor-Authentifizierung für die Implementierungsdetails in Zwei-Faktor-Authentifizierung.