iOSでのApple login

iOSでAppleログインをセットアップするために必要な手順を説明します。

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

   設定するには、Xcodeを開き、以下をクリックしてください。 App

2. 正しいTargetが選択されていることを確認してください。

   

3. 以下の項目が追加されていることを確認してください。 Sign in with Apple capability

   

   

   注意

   capability が表示されない場合は、 Sign in with Apple 次を設定してください： アカウントおよび組織データの共有

4. アプリ内で Apple Login を初期化します。

   注意

   Vue をフレームワークとして使っていますが、具体的な実装は選択するフレームワークによって異なります。

   //  onMounted is vue specific
   onMounted(() => {
   SocialLogin.initialize({
       apple: {}
   })
   });

5. ログイン処理を開始するボタンを作成します。

   そのボタンで次の関数を呼び出してください：

   async function loginApple() {
   const res = await SocialLogin.login({
       provider: 'apple',
       options: {}
   })

6. アプリを 実機 デバイスでテストしてください。

   手順通りに進めれば、ボタンをクリックした後に以下の画面が表示されます。

   

完了です！これで準備は整いました。

Appleログインの初期化

呼び出す initialize を使用して、 apple ログイン前のプロバイダー。iOSでは、 clientId OSが直接使用するものではありません。プラグインがどのプロバイダーを初期化するかを判断するために使用します。

await SocialLogin.initialize({
  apple: {
    clientId: 'your-client-id',
  },
});

const res = await SocialLogin.login({
  provider: 'apple',
  options: {
    scopes: ['email', 'name'],
  },
});

iOSでAppleログインから続行する

使用している場合 iOSでのApple login 認証とアカウントフローを計画するには、これを次と連携させてください @capgo/capacitor-social-login の使用 「@capgo/capacitor-social-login の使用」のネイティブ機能のために、 @capgo/capacitor-social-login @capgo/capacitor-social-login の実装の詳細については、 @capgo/capacitor-passkey @capgo/capacitor-passkey の実装詳細については、 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometric の実装の詳細、および 2要素認証 二要素認証の実装の詳細については。