メインコンテンツにジャンプ
バック トゥ プラグイン
@capgo/capacitor-social-login
チュートリアル
@capgo/capacitor-social-login

ソーシャル ログイン

企業製品/価格設定ページのエリア。ロール:短いUIラベルまたはナビゲーションアイテム。ページenterprise.astroに表示。

ガイド

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

Using @capgo/capacitor-social-login

すべてのソーシャルログインを1つのプラグインで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 認証とアカウントフローの計画に使用する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-loginと接続 @capgo/capacitor-social-login Capacitorを使用してソーシャルログインの実装詳細については、@capgo/capacitor-social-loginを参照 Capacitorを使用してソーシャルログインの実装詳細については、Getting Startedを参照 Capacitorを使用してパスキー Capacitorを使用してパスキーの実装詳細については、@capgo/capacitor-passkeyを参照 for the implementation detail in @capgo/capacitor-passkey, Capacitorを使用してネイティブバイオメトリックの実装詳細については、@capgo/capacitor-native-biometricを参照 for the implementation detail in @capgo/capacitor-native-biometric, and Two-factor authentication Capacitor Social Login