🔥
FirebaseAuthで独自ドメインを使う
はじめに
Firebase Authenticationではメールアドレスの確認やパスワードのリセットなどの機能を提供していますが、デフォルトではFirebaseのドメインを使っています。
そのためデフォルトではnoreply@<your-project-id>.firebaseapp.comからメールが送信され、メール内のリンクもhttps://<your-project-id>.firebaseapp.com/__/auth/action?mode=<action>&oobCode=<code>のようなURLになります。
今回はFirebaseのドメインではなく独自ドメインを使う方法を簡単に紹介します。
A. メールアドレスをカスタマイズ
こちらは簡単です。
Authentication → Template → メールアドレスの確認 など → 🖊アイコン（テンプレートを編集） → ドメインをカスタマイズ
から指示に従えばOKです。
B. メール内のリンク（アクションURL）をカスタマイズ
こちらは検索しても出てくる情報がバラバラだったので、私が試してうまく行った方法を紹介します。
参考
ここでは大体3つの方法が紹介されていました。
- ❌ Dynamic Linksを設定してから、アクションURLを設定する
- 2番目の方法を使わず、いきなりDynamic Linksは設定できませんでした。
- ✅ Hostingにカスタムドメインを設定してから、アクションURLを設定する
- ❌ DNSを設定してから、アクションURLを設定する
-
ERR_CERT_COMMON_NAME_INVALIDとなってしまいます
-
2番目の方法でうまくいったので、こちらを紹介します。
1. Hostingにカスタムドメインを設定
Hosting → ダッシュボード → カスタムドメインを追加と進み、指示に従うだけです。
- 「
yourdomainを既存のウェブサイトにリダイレクトする」はチェックしなくて大丈夫です。 - セットアップモードは「クイックセットアップ」で大丈夫です
- DNSを設定したらしばらく待ちます。
2. アクションURLをカスタマイズ
ダッシュボード上の表示が「接続されました」になったら、
Authentication → テンプレート → メールアドレスの確認 など → 🖊アイコン（テンプレートを編集） → アクションURLをカスタマイズ で
https://<your-custom-domain>/__/auth/action
と設定すればOKです。
おわりに
毎回調べては結局どの方法が正しいのか混乱していたので整理しました。
そのため画像などの無い手抜き記事で失礼します。
画像がほしい方は以下のリンクを参考にしてください。
Discussion