如何在Firebase邮件模板中动态设置自定义操作URL

方法1：调用API时动态传入重置链接（推荐） #

Firebase Auth的sendPasswordResetEmail方法支持传递url参数，你可以在调用该方法时，根据当前应用的域名动态生成重置链接，替代模板里的固定地址。

示例代码：

// 从当前页面获取应用域名
const appDomain = window.location.origin;
// 拼接应用专属的密码重置页面路径
const resetUrl = `${appDomain}/reset-password`;

firebase.auth().sendPasswordResetEmail(userEmail, {
  url: resetUrl
})
.then(() => {
  console.log("密码重置邮件已发送");
})
.catch((error) => {
  console.error(error);
});

此时Firebase会自动用你传入的url替换邮件模板中的{{action_url}}变量，用户收到的链接将直接指向发起请求的应用。

方法2：借助Firebase动态链接实现智能跳转 #

如果需要更灵活的路由规则（比如根据用户设备、来源应用自动跳转），可以使用Firebase动态链接：

• 在Firebase控制台创建动态链接，配置跳转规则（例如检测请求来源，路由到对应应用的重置页面）
• 将这个动态链接作为url参数传入sendPasswordResetEmail方法
• 用户点击链接后，动态链接会按照预设规则自动跳转到对应应用的重置页面

方法3：通过云函数生成完全自定义的邮件内容 #

如果需要更深度的定制，可以结合Cloud Functions触发密码重置事件，动态生成邮件内容：

// 云函数示例：监听密码重置事件，发送自定义邮件
exports.sendCustomPasswordReset = functions.auth.user().onCreate((user) => {
  // 根据用户标识（如注册来源、自定义字段）判断对应应用域名
  const appDomain = getAppDomainFromUser(user);
  const resetUrl = `${appDomain}/reset-password?code=${user.emailVerified}`;
  
  // 使用邮件工具（如nodemailer）发送自定义邮件
  return sendCustomEmail(user.email, resetUrl);
});

注意：无论采用哪种方法，都需要在Firebase控制台的Auth > 模板中，确保邮件模板的链接使用{{action_url}}变量，而非硬编码地址。

内容的提问来源于stack exchange，提问作者Elliot Bazuaye