调用FB Graph API获取用户邮箱返回undefined，求问题排查

这个问题我帮不少开发者排查过，核心原因是Facebook的email权限并非默认开放，再加上新版Graph API的字段获取规则，才会出现能拿到用户名但拿不到邮箱的情况。咱们一步步来解决：

1. 必须在用户授权时请求email权限 #

默认情况下，用户登录你的应用时，Facebook只会授予公开基本信息的权限（比如name）。要获取邮箱，你得在调用FB.login时，通过scope参数明确要求email权限，让用户同意授权：

FB.login(function(loginResponse) {
  if (loginResponse.authResponse) {
    // 授权成功后再去拉取用户信息
    fetchUserDetails();
  } else {
    console.log('用户取消授权或登录失败');
  }
}, { scope: 'email' }); // 这里一定要包含email权限

2. 调用API时显式指定要获取的字段 #

从Graph API v2.4版本开始，Facebook不再默认返回所有权限对应的字段，你必须在请求URL里明确列出需要的字段（比如name和email）。修改你的API调用代码：

function fetchUserDetails() {
  FB.api('/me?fields=name,email', function(userResponse) {
    console.log(`${userResponse.name}, ${userResponse.email}`);
  });
}

3. 检查应用的审核状态（公开应用需注意） #

如果你的应用已经上线（脱离测试模式），email权限需要提交Facebook审核，证明你使用邮箱的用途合规（比如账号验证、发送重要通知等）。未通过审核的情况下，只有你在开发者后台添加的测试用户能正常拿到邮箱，普通用户会返回undefined。

4. 确认用户账号绑定了有效邮箱 #

有些用户的Facebook账号可能没有关联邮箱，或者邮箱未完成验证。这种情况下，就算用户授权了email权限，API也会返回undefined，你可以提示用户检查自己的Facebook账号设置。

完整示例代码 #

把上面的步骤整合起来，完整的登录+获取信息流程如下：

// 假设已经正确初始化Facebook SDK
document.getElementById('fb-login-btn').addEventListener('click', function() {
  FB.login(function(loginResponse) {
    if (loginResponse.authResponse) {
      FB.api('/me?fields=name,email', function(userResponse) {
        if (userResponse.email) {
          console.log(`欢迎回来，${userResponse.name}！你的邮箱是${userResponse.email}`);
        } else {
          console.log('无法获取邮箱，请检查用户账号或权限设置');
        }
      });
    } else {
      console.log('登录授权失败');
    }
  }, { scope: 'email' });
});

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