Firebase Auth密码重置：如何发送含验证码的重置邮件？

我来帮你搞定这个问题！你遇到的核心问题是Firebase默认的密码重置链接会绕过自定义密码规则，而通过应用内处理验证码的方式就能解决这个问题——其实你代码里已经设置了handleCodeInApp: true，这正是开启验证码流程的关键，只是还需要补充后续的前端处理步骤。

为什么直接链接会绕过密码规则？ #

Firebase托管的默认密码重置页面不会强制执行你在控制台设置的自定义密码规则（比如必须包含数字），但如果你在自己的应用内调用confirmPasswordReset()方法来重置密码，就会触发这些规则校验。

完整的验证码式密码重置流程 #

1. 发送带验证码的重置邮件
   你现有的代码已经正确开启了应用内处理模式，Firebase会向用户发送包含验证码的邮件（邮件内容可自定义）：

   public sendResetPasswordEmail(email: string): Promise<any> { 
     return this.fireAgent.firebase.auth().sendPasswordResetEmail(email, { 
       url: 'http://localhost:8100/', 
       handleCodeInApp: true 
     }); 
   }
   

2. 创建应用内的验证码输入界面
   在你的应用中添加一个页面/弹窗，让用户输入邮件收到的验证码，以及符合规则的新密码（包含数字等要求）。

3. 验证验证码有效性
   调用verifyPasswordResetCode()方法校验用户输入的验证码，该方法会返回对应的邮箱地址，确认验证码归属：

   public verifyResetCode(code: string): Promise<string> {
     return this.fireAgent.firebase.auth().verifyPasswordResetCode(code);
   }
   

4. 验证通过后重置密码
   调用confirmPasswordReset()方法设置新密码，这一步会自动触发你在Firebase控制台设置的所有密码规则：

   public confirmPasswordReset(code: string, newPassword: string): Promise<void> {
     return this.fireAgent.firebase.auth().confirmPasswordReset(code, newPassword);
   }
   

自定义邮件模板显示验证码 #

如果你想让邮件里直接显示验证码（而非跳转链接），可以在Firebase控制台的Authentication > 模板中修改密码重置邮件模板：

• 找到密码重置模板并进入编辑模式
• 将默认的跳转链接替换成提示文本，比如："你的密码重置验证码是：{{actionCode}}"
• {{actionCode}}是Firebase的内置占位符，会自动替换为实际生成的验证码

这样用户收到邮件后会直接看到验证码，输入到你的应用中设置新密码时，就会严格遵循你配置的密码规则，不会再出现绕过限制的情况。

内容的提问来源于stack exchange，提问作者Ramtin Soltani