Firebase Google Login on Web

導入

「Capacitor」Social Login プラグイン Web プラットフォームをサポートしていません。. Web アプリケーションでは、より信頼性の高いポップアップベースの認証フローを提供するFirebaseの組み込みGoogle Sign-Inを直接使用する必要があります。

なぜWeb上でプラグインを使用しない?

「Capacitor」Social Login プラグインは、AndroidおよびiOSのネイティブモバイルプラットフォーム向けに設計されており、プラットフォーム固有の認証フローを活用できます。Webでは、Firebaseのネイティブ signInWithPopup ✅ 信頼性が高く、サポートが良好

• ✅ ブラウザセッションストレージを自動的に管理
• ✅
• ✅ Firebaseとのエラーハンドリングが向上しています
• ✅ 追加の設定が必要ありません

セットアップ手順

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

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

   • 以下の手順に従ってください Firebaseコンソール
   • 以下の手順に従ってください
   • 認証 > サインイン方法

2. Google Sign-Inプロバイダを有効にします

   1. 認可されたドメインを追加します console.cloud.google.com
   2. Open the Authentication メニュー
   3. Click on the Settings ボタン
   4. Setup the Authorized domains

サンプル実装

See the authUtils.ts ファイル

• ファイルは signInWithPopup Firebaseの
• Uses Capacitor Social Login plugin for Android/iOS platforms
• Android/iOSプラットフォーム向けの

プラグインを使用します

プラットフォームの自動検出

• 追加リソース 追加リソースのセクションです。
• ウェブ用のGoogleサインイン用Firebase - Firebaseの公式ガイド:ウェブ用のGoogleサインイン
• Googleログインセットアップガイド - 認可ドメインとOAuth承認画面の設定ガイド

Firebase Googleログインウェブから続けて

あなたは Firebase Googleログインウェブを使用 認証とアカウントフローの計画と実行に使用している場合 Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Using @capgo/capacitor-social-login Capacitorの@capgo/capacitor-social-loginの実装詳細については @capgo/capacitor-passkey Capacitorの@capgo/capacitor-passkeyの実装詳細については @capgo/capacitor-native-biometric Capacitorの@capgo/capacitor-native-biometricの実装詳細については、 2要素認証 2要素認証の実装詳細については