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コンソールを開いて、[Hosting]メニュークリック
- 設定ガイダンスは飛ばす。（「次へ」→「次へ」→「コンソールに進む」）
設定ガイダンスは飛ばす
- 「カスタム ドメインを追加」ボタンを押下
- ホストサーバの新サブドメインを入力して「次へ」。ドメイン名は任意。
カスタムドメイン追加
- 指定のドメインの所有権を持っていることを証明するためのテキストが表示されるので、このテキストをネームサーバのルートドメインのTXTに設定する。
- 続いて、A設定する必要のあるIPアドレスが表示されるので、サブドメインに設定する。
- 「保留中」となるので、認証完了するまで待つ。（待たなくても大丈夫かも？）
保留中
