@capgo/capacitor-social-login Web、iOS、Android向けのすべてのソーシャル認証プラグインです。
以下を実装しています。
- Google Sign-In with Android Credential Manager
- Sign in with Apple、Android向けのOAuthも含みます。
- Facebook Login、現在のFacebook SDKを使用
- Twitter/XをOAuth 2.0でサポート
- OAuth2およびOIDCプロバイダー、GitHub、Microsoft Entra ID、Auth0、Okta、Keycloak、他に準拠するサーバー
Capgoへのアプリケーション移行のためのマイグレーションパスでもあります。
フォークとマイグレーションに関する注記
フォークとマイグレーションに関する注記このプラグインは @codetrix-studio/capacitor-google-auth元のパッケージは実質的にアーカイブされているため、Capgoはこのプラグインをサポートされた置き換えとして維持しています。
Ionic Appflow Social LoginまたはIonic Auth Connectから移行している場合、 @codetrix-studio/capacitor-google-authフォローする レガシーグーグル認証マイグレーションガイド.
Ionic Auth Connectからマイグレーションしている場合、 SocialLoginAuthConnect の組み込み auth0, azure, cognito, oktaのラッパーを使用してください。 onelogin サービス名:
| プラグインバージョン | Capacitor互換性 | サポート |
|---|---|---|
| v8.x | v8.x | Yes |
| v7.x | v7.x | オンデマンド |
| v6.x | v6.x | いいえ |
| v5.x | v5.x | いいえ |
Capacitorのメジャーバージョンに従うプラグインのメジャーバージョンは、例えばCapacitor 8を使用してプラグインv8を使用します。ただし、最新のメジャーバージョンだけがアクティブにメンテナンスされます。
ビデオウォークスルー
セクション「ビデオウォークスルー」__CAPGO_KEEP_0__の設定とログインフローを動作するデモを観覧
基本機能
基本機能initialize- プラグインを初期化します。login- 選択したプロバイダーでログインします。logout- ログアウトします。isLoggedIn- ログイン中かどうかを確認します。
API
API| メソッド | 説明 |
|---|---|
initialize | プラグインを初期化します。 |
login | __CAPGO_KEEP_0__で指定された認可を取得します。 |
logout | ログアウト。 |
isLoggedIn | ログイン中かどうかを確認します。 |
getAuthorizationCode | codeの現在の認可を取得します。 |
refresh | アクセストークンを更新します。 |
refreshToken | OAuth2のリフレッシュトークンハンドラーです。 |
handleRedirectCallback | Webのみ: OAuthのリダイレクトコールバックを処理し、パースされた結果を返します。 |
decodeIdToken | JWT (通常、OIDC IDトークン) をクレームに分解します。 |
getAccessTokenExpirationDate | アクセストークン有効期限 (エポック時刻からのミリ秒) を ISO 日付文字列に変換します。 |
isAccessTokenAvailable | アクセストークンが利用可能 (空でない) であるかどうかを確認します。 |
isAccessTokenExpired | アクセストークンが有効期限切れであるかどうかを確認します。 |
isRefreshTokenAvailable | リフレッシュトークンが利用可能かどうかを確認します (空でない). |
providerSpecificCall | プロバイダー固有の呼び出しを実行します。 |
getPluginVersion | ネイティブ Capacitor プラグインのバージョンを取得します。 |
openSecureWindow | OAuth2 認証のために安全なウィンドウを開きます。ウェブの場合、リダイレクトされたページに code を含める必要があります。リダイレクトされたURLをアプリに送信するために、ブロードキャストチャンネルを使用します。例えば: html <html> <head></head> <body> <script> const searchParams = new URLSearchParams(location.search) if (searchParams.has("code")) { new BroadcastChannel("my-channel-name").postMessage(location.href); window.close(); } </script> </body> </html> モバイルの場合、リダイレクトURIがアプリを開くように設定する必要があります。例えば: myapp://oauth_callback/ そして、appのinfo.plistに登録する必要があります。 xml <key>CFBundleURLTypes</key> <array> <dict> <key>CFBundleURLSchemes</key> <array> <string>myapp</string> </array> </dict> </array> そして、AndroidManifest.xmlファイルに登録する必要があります。 xml <activity> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:host="oauth_callback" android:scheme="myapp" /> </intent-filter> </activity> . |
真実の源
「真実の源」というセクションこの参照はsyncdから src/definitions.ts に capacitor-social-login.
capgo/capacitor-social-login
「capgo/capacitor-social-login」あなたが「__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login」を使用している場合 「capgo/capacitor-social-login」 を認証とアカウントフローの計画に使用し、それを「__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login」 Using @capgo/capacitor-social-login 「capgo/capacitor-social-login」を使用して 「capgo/capacitor-social-login」のネイティブ機能 「capgo/capacitor-passkey」 「capgo/capacitor-passkey」の実装詳細 「capgo/capacitor-native-biometric」 「__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-native-biometric」の実装詳細 Two-factor authenticationの実装詳細について、 SSO (Enterprise)の実装詳細について、 ページを編集する