如何从Firebase登录报错中提取存在冲突的电子邮箱地址

解决方案 #

Firebase 抛出的账号邮箱冲突错误对象内置了email属性，可直接读取获取冲突的邮箱地址。同时建议使用官方错误码做判断，不要匹配错误文本，避免后续 Firebase 调整错误文案导致逻辑失效，该场景对应的错误码为auth/account-exists-with-different-credential。

修改后的参考代码如下：

const handleFacebookSignIn = () => {
  const provider = new firebase.auth.FacebookAuthProvider();
  firebase
    .auth()
    .signInWithPopup(provider)
    .then((result) => {
      // 处理登录成功逻辑
    })
    .catch((error) => {
      let errorMessage = error.message;
      if (error.code === "auth/account-exists-with-different-credential") {
        // 直接从error对象中提取冲突邮箱
        const conflictEmail = error.email;
        errorMessage = `邮箱 ${conflictEmail} 已绑定其他登录方式，请使用对应账号登录`;
      }
      toast.error(errorMessage);
    });
};

如果后续需要实现账号合并功能，还可以读取该错误对象的credential属性获取当前登录尝试的凭证，配合fetchSignInMethodsForEmail接口查询已绑定的登录方式，完成账号关联逻辑。

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