使用Facebook JavaScript SDK登录时无法获取公开用户邮箱

嘿，我来帮你排查这个Facebook登录拿不到邮箱的问题！这种情况大概率是权限配置或者代码里的权限请求不完整导致的，咱们一步步来梳理：

首先检查Facebook开发者控制台的配置 #

这是面向公开用户时最容易踩坑的地方：

• 确认email权限已添加并通过审核：
  进入你的Facebook应用后台 → 「权限与功能」，找到email权限，确保它已经被添加。如果你的应用是面向公开用户（不是仅测试），必须提交该权限的审核——测试用户不需要审核，但公开用户只有在权限通过审核后，你才能获取到邮箱字段。
• 检查应用模式：
  如果应用还处于「开发模式」，只有你添加的测试用户能正常获取所有权限，公开用户访问时会被限制非基础字段（比如邮箱）。需要切换到「上线模式」，并完成Facebook的应用审核流程。
• 验证重定向URI配置：
  进入「登录产品」→「OAuth 设置」，确保填写的重定向URI和实际项目中的完全一致，URI不匹配会导致权限请求被静默拒绝。

然后检查代码中的权限请求 #

从你提供的代码片段来看，FB.init后面的内容截断了，很可能是这里的权限请求有问题：

• 登录时必须明确请求email权限：
  调用FB.login时，必须在scope参数里指定email，示例代码如下：

  function checkFacebookLogin() {
    FB.login(function(response) {
      if (response.authResponse) {
        // 调用Graph API时必须显式指定要获取的字段
        FB.api('/me', {fields: 'name,email'}, function(user) {
          console.log('用户名:', user.name);
          console.log('邮箱:', user.email);
          // 这里处理用户信息逻辑
        });
      } else {
        console.log('用户取消了登录授权');
      }
    }, {scope: 'email'}); // 关键：这里必须包含email权限
  }
  

• Graph API必须显式指定字段：
  Facebook Graph API v2.4+版本默认不会返回email字段，必须在调用/me接口时通过fields参数明确指定，否则即使授权了权限也拿不到邮箱。

额外的容错场景 #

• 有些用户的Facebook账号可能没有绑定邮箱，这种情况下即使授权了权限，接口也返回不了邮箱，你的代码要处理user.email为空的情况。
• 如果用户在授权弹窗中拒绝了邮箱权限，你需要引导用户重新授权，或者提供其他登录方式作为备选。

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