Capacitor - iOSアプリ向けリアルタイム更新

Apple ログイン

GitHub

IOS上のAppleログインを設定するために必要なものを簡単に説明します。

  1. アプリの機能を設定します。

    このようにするには、Xcodeを開き、 App Xcodeアプリ

  2. 正しいターゲットを選択してください。

    Xcodeアプリターゲット

  3. 正しいターゲットを選択してください。 Sign in with Apple 機能性。

    App XCode機能追加

    App XCode機能追加

  4. Appleログインをアプリに初期化する。

    // onMounted is vue specific
    onMounted(() => {
    SocialLogin.initialize({
    apple: {}
    })
    });
  5. ログインプロセスを開始するボタンを作成します。

    以下の関数を呼び出すボタンを作成する必要があります。

    async function loginApple() {
    const res = await SocialLogin.login({
    provider: 'apple',
    options: {}
    })
  6. 実機でアプリを実行し、テストしてください。 PHYSICAL 実機でアプリを実行し、テストしてください。

    実機でアプリを実行し、テストしてください。

    iOSデバイスでApple Sign In画面が表示されます。

完了です!あなたはすべての準備が整っています。

iOSでAppleログインを使用している場合、Capacitorのソーシャルログインプラグインを使用して、Appleログインの機能を拡張できます。 initialize Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。 apple Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。 clientId Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。

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

Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。

Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。

Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。 Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。 Appleログインの機能を使用して、ユーザーがログインする際に、Appleの認証プロバイダーを使用するように指示します。 Using @capgo/capacitor-social-login for the native capability in Using @capgo/capacitor-social-login, @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, @capgo/capacitor-passkey for the implementation detail in @capgo/capacitor-passkey, @capgo/capacitor-native-biometric for the implementation detail in @capgo/capacitor-native-biometric, and Two-factor authentication 2要素認証の実装詳細について