メインコンテンツへスキップ
@capgo/capacitor-social-login 認証とセキュリティ オープンソース

ソーシャルログイン Capacitor プラグイン

Google、Facebook、Apple Sign-In でユーザー認証し、簡単にソーシャルログインを実現

インストール

bun add @capgo/capacitor-social-login bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-social-login
  • pnpm add @capgo/capacitor-social-login
  • yarn add @capgo/capacitor-social-login

ガイド

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

リファレンス全文

@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要素認証 二要素認証の実装の詳細については。

よくある質問

Social Login プラグイン FAQ

Capacitor アプリに Social Login plugin をインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-social-login"(または "npm install @capgo/capacitor-social-login")を実行した後、"bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させてください。その後、アプリの code から "@capgo/capacitor-social-login" をインポートします。

@capgo/capacitor-social-login は React、Vue、Angular で動作しますか?

はい。Social Login は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用可能です。

@capgo/capacitor-social-login はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンに一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-social-login は無料のオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-social-login/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストをお待ちしています。

App Store の審査なしで、Social Login を使用している code をアップデートできますか?

プラグインのインストールやアップグレードはネイティブの code を変更するため、新しいストアビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo Live Updates で即座に配信できます。

アプリの審査を待たずに、Social Loginの変更をリリースしましょう

プラグインをストア用ビルドに組み込めば、Capgo live updates で JavaScript、HTML、CSS の変更を数分でユーザーに配信できます

Capgo から始める