Firebase認証のauthDomainをホストサーバのドメインに切り替える方法
サードパーティ製のCookieを禁止しているブラウザでは、以下のようなエラーが出てしまうので、その対処法。
This browser is not supported or 3rd party cookies and data may be disabled.
これは、authDomainのドメインがWebサイトのドメインと異なることが原因。
{
"apiKey": "...",
"authDomain": "xxxxxx.firebaseapp.com",
"databaseURL": "https://xxxxxx.firebaseio.com",
"projectId": "....",
"storageBucket": "....",
"messagingSenderId": "....",
"appId": "...",
"measurementId": "....."
}
なので、以下のように、Firebaseのプロジェクトドメインに、ホストサーバのサブドメインをカスタムドメインを設定して、
これをauthDomainに切り替える。
サブドメイン作成
承認済みドメインにサブドメインを追加
- Firebaseコンソールで承認済みドメインに、上記で設定したサブドメインを追加。
- 各OAuth認証先(Google, Facebookなど)の設定で「有効なOAuthリダイレクトURI」に以下URIを追加。
https://[sub-domain]/__/auth/handler
authDomain切り替え
クライアント側でのfirebase設定のauthDomainをサブドメインに変更する。