ガイド
Capacitor で Social Login を使う方法
@capgo/capacitor-social-login の使用
Web、iOS、Android に対応した、すべてのソーシャルログインを一つのプラグインで。Google、Apple、Facebook、Twitter/X に加え、GitHub、Microsoft Entra ID、Auth0、Okta、Keycloak などの汎用的な OAuth2/OIDC プロバイダーをサポートしています。
インストール
npm install @capgo/capacitor-social-login
npx cap sync
このプラグインで利用可能な機能
initialize- プラグインを初期化します。login- 選択したプロバイダーでログインします。logout- ログアウトします。isLoggedIn- ログイン状態かどうか。
使用例
initialize
プラグインを初期化します。
import { SocialLogin } from '@capgo/capacitor-social-login';
await SocialLogin.initialize({ telegram: { botId: '123456789' } });
login
選択したプロバイダーでログインします。
import { SocialLogin } from '@capgo/capacitor-social-login';
const result = await SocialLogin.login({
provider: 'facebook',
options: { permissions: ['permission'] },
});
// The result holds sensitive values: use it without logging it.
logout
ログアウトします。
import { SocialLogin } from '@capgo/capacitor-social-login';
await SocialLogin.logout({} as {
provider: 'apple' | 'google' | 'facebook' | 'twitter' | 'oauth2';
providerId?: string;
});
isLoggedIn
ログイン状態かどうか。
import { SocialLogin } from '@capgo/capacitor-social-login';
const result = await SocialLogin.isLoggedIn({ provider: 'apple' });
console.log(result);
リファレンス全文
- GitHub: https://github.com/Cap-go/capacitor-social-login/
- ドキュメント: /docs/plugins/social-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要素認証 二要素認証の実装の詳細については。