Flutter中使用FirebaseAuth实现重置密码并跳转自定义页面方案咨询

完全可以实现，核心是通过配置应用深度链接拦截Firebase密码重置校验码，替换默认网页流程，具体操作步骤如下：

1. 前期Firebase控制台配置 #

• 进入Firebase控制台「Authentication」-「设置」-「授权域名」，添加你要用于跳转的自定义域名，完成域名验证
• （可选）配置Firebase动态链接，无需自有域名也可以实现应用唤醒

2. 发送自定义配置的重置密码邮件 #

调用sendPasswordResetEmail时传入ActionCodeSettings指定应用内处理逻辑，示例代码：

final actionCodeSettings = ActionCodeSettings(
  url: 'https://你配置的授权域名/reset-password',
  handleCodeInApp: true, // 核心参数，强制要求链接在应用内处理，不跳转默认Firebase页面
  iOSBundleId: '你的iOS应用Bundle ID',
  androidPackageName: '你的安卓应用包名',
  androidInstallApp: true,
  androidMinimumVersion: '你支持的最低安卓版本号',
);

await FirebaseAuth.instance.sendPasswordResetEmail(
  email: 用户输入的邮箱,
  actionCodeSettings: actionCodeSettings,
);

3. 配置应用深度链接唤醒 #

分别完成安卓、iOS端的深度链接配置，确保用户点击邮件内的重置链接时，可以直接唤醒你的Flutter应用，不会跳转到浏览器。

4. 应用内拦截重置校验码 #

使用深度链接监听工具（如uni_links）获取链接内的oobCode校验参数，跳转到你的自定义密码重置页面，示例代码：

import 'package:uni_links/uni_links.dart';

// 初始化深度链接监听
Future<void> initDeepLinkHandler() async {
  // 监听应用后台唤醒时的链接
  linkStream.listen((String? link) {
    if (link == null || !link.contains('reset-password')) return;
    final Uri linkUri = Uri.parse(link);
    final String? oobCode = linkUri.queryParameters['oobCode'];
    if (oobCode != null) {
      // 跳转自定义重置密码页，传入oobCode参数
      Navigator.of(context).push(
        MaterialPageRoute(
          builder: (context) => CustomResetPwdPage(oobCode: oobCode),
        ),
      );
    }
  });
}

5. 自定义页面提交密码重置 #

用户在你自定义的页面输入新密码后，调用Firebase Auth的confirmPasswordReset方法完成重置，示例代码：

// 自定义重置页面提交逻辑
Future<void> resetPassword(String oobCode, String newPwd) async {
  try {
    await FirebaseAuth.instance.confirmPasswordReset(
      code: oobCode,
      newPassword: newPwd,
    );
    // 重置成功，跳转登录页或弹出成功提示
  } on FirebaseAuthException catch (e) {
    // 异常处理：如oobCode过期、无效，提示用户重新发送重置邮件
  }
}

注意事项 #

• oobCode默认有效期为1小时，过期后需要用户重新发起密码重置请求
• 若用户未安装应用，点击链接可根据配置跳转到应用下载页，或你自行开发的H5重置页
• 所有涉及的域名必须提前加入Firebase Auth的授权域名列表，否则会触发权限报错

内容的提问来源于stack exchange，提问作者Ayesha Iftikhar