Firebase Google Login on Web

導入

Capacitorのソーシャルログインプラグイン ウェブプラットフォームではサポートされていませんウェブアプリケーションでは、Firebaseの組み込みGoogle Sign-Inを直接使用することをお勧めします。

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

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

• ✅より信頼性が高く、サポートが良好
• ✅ブラウザセッションストレージを自動的に管理
• ✅ エラー処理が改善されている
• ✅ 追加の設定が必要ない

セットアップ ステップ

1. Firebase Project の設定

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

   • Go to Firebase Console
   • Authentication > Sign-in method に移動して、Google Sign-In プロバイダーを有効にする
   • 有効なドメインを追加する

2. プロジェクトの概要に移動する:

   1. Firebase Console から console.cloud.google.com
   2. を開く Authentication メニュー
   3. をクリック Settings ボタン
   4. を設定 Authorized domains

例の実装

See the authUtils.ts ファイルを参照してください。

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

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

例では、ウェブ向けにFirebaseの組み込みメソッドを使用するか、プラグインを使用してネイティブプラットフォーム向けにソーシャルログインを実装する方法を示しています。

• 追加リソース Firebase Authentication Documentation
• Firebase Google Sign-In for Web - Firebaseウェブ上のGoogle Sign-Inの公式ガイド
• Google Login Setup Guide - Firebase Google Login on Webの有効化されたドメインとOAuth承認画面の設定ガイド

Keep going from Firebase Google Login on Web

If you are using Firebase Google Login on Web を利用して認証とアカウントフローの計画を行う場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-social-login @capgo/capacitor-social-loginのネイティブ機能を使用するには、@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要素認証 2要素認証の実装詳細については