React+Firebase谷歌登录能否获取用户注册手机号？

嘿，我来帮你梳理这个问题的答案！

默认情况下，通过Firebase UI的谷歌登录流程，你无法直接获取用户的手机号。这背后有几个关键原因，不过我们可以通过调整配置来尝试获取这个信息——前提是满足一些必要条件。

Firebase UI的谷歌登录默认请求的权限范围（scope）只包含email、profile这类基础用户信息，这些权限只能拿到用户的邮箱、姓名、头像等内容。而手机号属于谷歌认定的敏感信息，需要单独申请额外的权限才能获取。

你需要修改Firebase UI的登录配置，添加获取手机号的专属权限，并在登录成功后尝试读取该信息。这里给你一个代码示例：

const uiConfig = {
  signInFlow: 'popup',
  signInOptions: [
    {
      provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      // 添加获取手机号的权限scope
      customScopes: [
        'https://www.googleapis.com/auth/userinfo.phone',
        'email',
        'profile'
      ]
    }
  ],
  callbacks: {
    signInSuccessWithAuthResult: (authResult) => {
      const user = authResult.user;
      // 通过getIdTokenResult获取包含额外权限的token信息
      user.getIdTokenResult().then(idTokenResult => {
        // 检查claims里是否有phone_number字段
        const phoneNumber = idTokenResult.claims.phone_number;
        if (phoneNumber) {
          console.log('获取到用户手机号:', phoneNumber);
          // 这里可以把手机号存入你的应用数据库或者做其他处理
        } else {
          console.log('无法获取手机号：用户未绑定手机号或未授权');
        }
      });
      return false; // 根据你的需求调整是否自动跳转页面
    }
  }
};

firebase_ui_instance.start('#firebaseui-auth-container', uiConfig);

• 用户的谷歌账号必须已经绑定了手机号，否则即使请求了权限也拿不到数据
• 用户在登录时必须同意授权你的应用获取他们的手机号，谷歌会弹出对应的授权提示框
• 部分地区的谷歌账号可能不支持绑定手机号，或者用户可能选择不公开该信息，这种情况下你依然拿不到手机号
• 如果你的业务对手机号的可靠性要求很高，建议结合Firebase的手机号登录功能作为补充，或者让用户手动输入手机号进行验证

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