メインコンテンツにスキップ
プラグインに戻る
@capgo/capacitor-social-login
チュートリアル
@capgo/capacitor-social-login

ソーシャルログイン

Google、Facebook、Apple Sign-Inを使用してユーザーを簡単に認証する

ガイド

ソーシャルログインのチュートリアル

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({} as InitializeOptions);

login

選択したサービスでログインする。

import { SocialLogin } from '@capgo/capacitor-social-login';

await SocialLogin.login({} as Extract<LoginOptions, { provider: T }>);

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';

await SocialLogin.isLoggedIn({} as isLoggedInOptions);

フル リファレンス

Using @capgo/capacitor-social-login

Japanese Using @capgo/capacitor-social-login Capacitor Social Loginを使用 @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, Capacitor Social Loginの実装詳細 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 Capacitor Social Loginの実装詳細 Capacitor Social Loginプラグイン