Firebase Google Login on Web

導入

The Capacitor Social Login plugin はWebプラットフォームをサポートしていません。Webアプリケーションでは、Firebaseの組み込みGoogle Sign-Inを直接使用することをお勧めします。

これは、より信頼性の高いポップアップベースの認証フローを提供します。

The Capacitor Social Login plugin is designed for native mobile platforms (Android and iOS) where it can leverage platform-specific authentication flows. For web, Firebase’s native signInWithPopup Capgo Social Loginプラグインは、AndroidとiOSのネイティブモバイルプラットフォーム向けに設計されており、プラットフォーム固有の認証フローを活用できます。

• Web向けには、Firebaseのネイティブ
• methodは次のとおりです。
• ✅ 信頼性が高く、サポートが良好です
• ✅ ブラウザセッションストレージを自動的に管理します。

セットアップ手順

1. Firebase プロジェクトの設定

   Firebase プロジェクトで Google Sign-In を有効にします:

   • 以下の手順に進んでください Firebase コンソール
   • 認証 > サインイン方法に移動してください
   • Google Sign-In プロバイダーを有効にします

2. 認可されたドメインを追加します

   1. 以下のプロジェクトの概要に進んでください console.cloud.google.com
   2. Open the Authentication メニュー
   3. Click on the Settings ボタン
   4. Setup the Authorized domains

Example Implementation

See the authUtils.ts ファイルは、以下の実装の完全な実装例として使用します：

• Firebaseの signInWithPopup ウェブプラットフォーム向け
• Capacitor Android/iOS プラットフォーム向けのソーシャルログインプラグインを使用します
• プラットフォームの自動検出を行います

例では、ウェブ向けにFirebaseの組み込みメソッドを条件付きで使用し、ネイティブプラットフォーム向けにはプラグインを使用します

追加リソース

• Firebase Authentication ドキュメント - Firebase Authの完全なドキュメント
• Firebase Google Sign-In for Web - Firebaseのウェブ向けGoogle Sign-Inの公式ガイド
• Google ログイン設定ガイド - 認可ドメインとOAuthConsent画面の設定ガイド

Firebase Google Login on Webから続けてください

Capgoを使用している場合 Firebase Google Login on Web 認証とアカウントフローの計画と実施に使用する場合、Capgoの Capgoの@capgo/capacitor-social-login Capgoの@capgo/capacitor-social-login Capgoの@capgo/capacitor-social-login Capgoの@capgo/capacitor-passkey Capgoの@capgo/capacitor-passkey @capgo/capacitor-passkeyの実装詳細 @capgo/capacitor-native-biometric @capgo/capacitor-native-biometricの実装詳細、 2要素認証 2要素認証の実装詳細