Firebase Google Login on Web

導入

Capacitor ソーシャルログインプラグイン ウェブプラットフォームをサポートしていません。ウェブアプリケーションでは、Firebaseの組み込みGoogle Sign-Inを使用することをお勧めします。これにより、より信頼性の高いポップアップベースの認証フローが提供されます。

ウェブ上でプラグインを使用しない理由

Capacitor ソーシャルログインプラグインは、AndroidとiOSのネイティブモバイルプラットフォーム向けに設計されており、プラットフォーム固有の認証フローを利用できます。ウェブでは、Firebaseのネイティブ signInWithPopup ✅ 信頼性が高く、サポートが良好

• ✅ ブラウザセッションストレージを自動的に管理
• ✅ウェブ上のプラグインの使用を避ける理由
• ✅ エラー処理が改善されています
• ✅ 追加の設定が必要ありません

セットアップ ステップ

1. Firebase Project の設定

   Firebase プロジェクトが Google Sign-In を有効にしていることを確認してください:

   • ここに移動してください Firebase Console
   • Authentication > Sign-in method に移動してください
   • Google Sign-In プロバイダーを有効にします

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

   1. ここに移動してください:プロジェクトの概要 console.cloud.google.com
   2. Open the Authentication メニュー
   3. Click on the Settings ボタン
   4. Firebase Authentication の設定の有効なドメインの設定 Authorized domains

セクションの題名は “例の実装”

See the authUtils.ts __CAPGO_KEEP_0__の完全な実装を確認するには、サンプルアプリのファイルを参照してください。以下の機能が含まれます。

• ウェブプラットフォーム向けに signInWithPopup Android/iOSプラットフォーム向けに__CAPGO_KEEP_0__ Social Login プラグインを使用
• Uses Capacitor Social Login plugin for Android/iOS platforms
• サンプルは、ウェブ向けにFirebaseの組み込みメソッドを使用する場合と、プラグインを使用する場合の両方の例を示しています。

追加リソース

「追加リソース」

• - Firebase Authの完全なドキュメント __CAPGO_KEEP_0__
• Firebase Google Sign-In for Web - Firebaseの公式ガイド: Web上でのGoogle Sign-In
• Google Login Setup Guide - 認可されたドメインとOAuth承認画面の設定のためのガイド

Keep going from Firebase Google Login on Web

あなたが Firebase Google Login on Web を使用して認証とアカウントフローの計画を行っている場合、 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login でNative Capabilityを使用する場合、@capgo/capacitor-social-loginを使用します。 実装詳細については @capgo/capacitor-social-login に @capgo/capacitor-passkey 実装詳細については @capgo/capacitor-passkey に @capgo/capacitor-native-biometric 実装詳細については @capgo/capacitor-native-biometric、 2要素認証 実装詳細については 2要素認証 に