Firebase：用户注册/登录后如何实现手机号认证？

嘿，我来帮你理清这两个问题的解决方案，都是Firebase认证里常用的操作：

一、关联邮箱和手机号两种认证方式 #

关联的前提是用户已经登录（不管是用邮箱还是手机号登录/注册的），然后把另一种身份凭证绑定到当前账号上，具体分两种场景：

场景1：已用邮箱登录，关联手机号 #

需要先完成手机号的验证码验证，拿到凭证后再关联：

// 1. 初始化reCAPTCHA验证（防止机器人操作）
const appVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container');
// 2. 发送验证码到目标手机号
const phoneNumber = "+8613xxxxxxxxx";
firebase.auth().signInWithPhoneNumber(phoneNumber, appVerifier)
  .then((confirmationResult) => {
    // 引导用户输入收到的6位验证码
    const code = prompt("请输入手机收到的验证码");
    return confirmationResult.confirm(code);
  })
  .then((result) => {
    // 3. 生成手机号认证凭证
    const phoneCredential = firebase.auth.PhoneAuthProvider.credential(
      result.verificationId, 
      code
    );
    // 4. 关联到当前已登录的用户
    return firebase.auth().currentUser.linkWithCredential(phoneCredential);
  })
  .then((userCredential) => {
    console.log("手机号关联成功！", userCredential.user);
  })
  .catch((error) => {
    console.error("关联失败：", error.message);
  });

场景2：已用手机号登录，关联邮箱 #

直接生成邮箱/密码凭证，然后调用关联方法即可：

const email = "your-user@example.com";
const password = "your-user-password";
// 生成邮箱认证凭证
const emailCredential = firebase.auth.EmailAuthProvider.credential(email, password);

// 关联到当前用户
firebase.auth().currentUser.linkWithCredential(emailCredential)
  .then((userCredential) => {
    console.log("邮箱关联成功！", userCredential.user);
  })
  .catch((error) => {
    console.error("关联失败：", error.message);
  });

⚠️ 注意：要关联的邮箱/手机号不能已经被其他Firebase账号占用，否则会抛出错误哦。

二、检查用户是否完成手机号验证 #

Firebase确实提供了直接的属性来检查！你可以通过当前登录用户实例的两个属性判断：

• phoneNumber：用户绑定的手机号（如果未绑定则为null）
• phoneNumberVerified：布尔值，标记手机号是否已完成验证

代码示例 #

const currentUser = firebase.auth().currentUser;
if (currentUser) {
  if (currentUser.phoneNumber && currentUser.phoneNumberVerified) {
    console.log("用户已经完成手机号验证啦～");
  } else {
    console.log("用户未绑定手机号，或者还没完成验证");
  }
} else {
  console.log("用户还没登录哦，请先登录");
}

另外，如果你想实时监听用户的验证状态变化，可以用认证状态监听：

firebase.auth().onAuthStateChanged((user) => {
  if (user) {
    console.log("当前用户手机号验证状态：", user.phoneNumberVerified);
  }
});

如果用户需要重新验证手机号（比如修改手机号时），可以调用currentUser.reauthenticateWithCredential()方法，重新走一遍验证码验证流程就行。

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