Angular 5 + Firebase应用：谷歌账号请求密码重置未触发预期错误

我完全懂你遇到的困扰——你的应用要求同一邮箱不能绑定多个账号，现在用谷歌关联的邮箱请求密码重置时，Firebase没按预期抛出错误，反而可能还发了邮件，但用户点进去根本没法重置（毕竟谷歌账号本身没密码）。这是因为Firebase的sendPasswordResetEmail方法默认不会检查账号的登录类型，只要邮箱存在就会尝试发送。

要实现你想要的“禁止第三方账号邮箱请求重置”逻辑，我们可以先通过Firebase的fetchSignInMethodsForEmail方法获取该邮箱对应的登录方式，再判断是否允许发送重置邮件。具体步骤如下：

• 第一步：调用fetchSignInMethodsForEmail获取目标邮箱的所有登录提供商（比如密码登录会返回password，谷歌登录返回google.com）
• 第二步：检查返回的列表中是否包含password，如果不包含，说明这个邮箱是第三方账号关联的，直接抛出错误
• 第三步：只有确认是密码登录的账号时，才调用sendPasswordResetEmail发送重置邮件

下面是Angular组件里的具体代码示例：

import { Component } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';

@Component({
  selector: 'app-password-reset',
  templateUrl: './password-reset.component.html'
})
export class PasswordResetComponent {
  resetEmail: string = '';

  constructor(private afAuth: AngularFireAuth) {}

  async handleResetRequest() {
    if (!this.resetEmail) {
      alert('请输入邮箱地址');
      return;
    }

    try {
      // 获取该邮箱对应的所有登录方式
      const signInMethods = await this.afAuth.fetchSignInMethodsForEmail(this.resetEmail);
      
      // 判断是否为密码登录账号
      if (!signInMethods.includes('password')) {
        throw new Error('该邮箱已通过谷歌账号登录，无法进行密码重置操作');
      }

      // 发送密码重置邮件
      await this.afAuth.sendPasswordResetEmail(this.resetEmail);
      alert('密码重置邮件已发送至你的邮箱，请查收');
    } catch (error) {
      // 捕获并展示错误信息
      alert(error.message);
    }
  }
}

为什么这个方法有效？ #

fetchSignInMethodsForEmail是Firebase Auth专门用于查询邮箱关联登录方式的API，它会返回一个字符串数组，包含所有绑定到该邮箱的登录提供商ID。由于你的应用不允许同一邮箱关联多个账号，所以这个数组里要么只有password，要么只有google.com（或其他第三方）。通过检查是否存在password，我们就能精准拦截第三方账号的密码重置请求，完全符合你的预期逻辑。

另外补充一点：如果用户后续给第三方账号添加了密码登录方式，这个方法也会检测到password存在，此时就允许发送重置邮件——这也符合Firebase的账号合并逻辑，但如果你完全禁止这种情况，还需要额外在账号创建/关联环节做限制。

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