iT邦幫忙

2025 iThome 鐵人賽

DAY 22
0
Modern Web

不只是登入畫面!一起打造現代化登入系統系列 第 22

安全再進化[1 / 5 ]:客製化 Firebase 驗證信內容

  • 分享至 

  • xImage
  •  

Firebase 雖然幫我們寄 Email 驗證信,但預設長得有點陽春,而且還是英文標題。
如果你的產品是中文系使用者,或是想導回自己的網站頁面,那就需要 自訂驗證信內容。


設定入口:Firebase Console → Authentication → Templates → Email Templates

你可以修改三個東西:

  1. 信件標題(Subject):例如「歡迎加入 XXX,請完成 Email 驗證」
  2. 信件內容(HTML):可以改成中文、加上你品牌 Logo
  3. 驗證按鈕連結網址(Continue URL):點擊後要導去哪個頁面

自訂導回網址(Continue URL)

寄出驗證信時也可以用程式控制「用戶點擊後導去哪裡」:

await sendEmailVerification(result.user, {
  url: "https://yourdomain.com/verify-complete", // 點擊驗證後導向
  handleCodeInApp: true,
});

改成中文標題(透過後台 Template)

  1. 到 Firebase Console → Authentication → Templates → Email Verification
    2 .把標題改成:
【XXX會員中心】請完成 Email 驗證
  1. 內容可以改成:
親愛的 {{ displayName }} 您好:
感謝您註冊 XXX,請點擊以下按鈕完成 Email 驗證:
{{ verificationLink }}
如果您沒有註冊此帳號,請忽略此信件。

上一篇
安全再進化[1 / 5 ]:Firebase Email 驗證信
下一篇
寄送 Firebase Email 驗證信(Email Verification)
系列文
不只是登入畫面!一起打造現代化登入系統23
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言