Firebase Authentication の メールのリンクを踏んだあとのページをカスタマイズ

やりたいこと

• Firebase Authenticationによる、メール確認のメールや、パスワードリセット、メールVerify用のメールにて、リンクを踏んだあと、自分でカスタマイズしたページに飛ばしたい。

やること

• カスタムのメールのアクションハンドラを作成する
• Firebase AuthenticationのアクションURLの変更

カスタムのメールのアクションハンドラを作成する

以下を参考に、フロントにJSの処理を埋め込む。
https://firebase.google.com/docs/auth/custom-email-handler?hl=ja

TODO:となっている箇所は、自分で実装する必要がある。　

Firebase AuthenticationのアクションURLの変更

Firebase Auth 画面の「テンプレート」に
- メールアドレスの確認
- パスワードの再設定
- メールアドレスの変更
などの項目があるので、アクションURLの項目を設定する。
(一つの項目で変更すると、ほかも自動で統一化される)

各ページ、最下部にアクションURLがある。
「アクションURLをカスタマイズ」を押せばフォームがポップアップされる。

上記でアクションハンドラを埋め込んだページのURLをアクションURLの欄へ埋め込む。

以上。

参考

https://support.google.com/firebase/answer/7000714
https://firebase.google.com/docs/auth/custom-email-handler?hl=ja