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

ソーシャルログイン

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

ガイド

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

Using @capgo/capacitor-social-login

Web、iOS、Androidで使用するソーシャルログインプラグインは、Google、Apple、Facebook、Twitter/X、およびOAuth2/OIDCプロバイダーであるGitHub、Microsoft Entra ID、Auth0、Okta、Keycloakをサポートしています。

インストール

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

Capacitorを使用している場合 Using @capgo/capacitor-social-login 認証とアカウントフローの計画に使用する場合、Capacitor Social Loginと接続 @capgo/capacitor-social-login for the implementation detail in @capgo/capacitor-social-login, Getting Started Getting Startedの実装詳細 @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 2要素認証 2要素認証の実装詳細について。