使用 facebook javascript api 发送电子邮件答案

【问题标题】：email with facebook javascript api使用 facebook javascript api 发送电子邮件
【发布时间】：2015-01-21 11:28:47
【问题描述】：

我正在尝试为我的应用获取 Facebook 用户 电子邮件。但是当我查询时，电子邮件地址返回为undefined。我不知道如何处理它。

这是我的代码-

<body>
  <script>
    function statusChangeCallback(response) {
      console.log('statusChangeCallback');
      console.log(response);

      if (response.status === 'connected') {

        testAPI();
      } else if (response.status === 'not_authorized') {

        FB.login(function(response) {}, {
          scope: 'email'
        });
        document.getElementById('status').innerHTML = 'Please log ' +
          'into this app.';
      } else {
        FB.login(function(response) {}, {
          scope: 'email'
        });
        document.getElementById('status').innerHTML = 'Please log ' +
          'into Facebook.';
      }
    }

    function checkLoginState() {
      FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
      });
    }

    window.fbAsyncInit = function() {
      FB.init({
        appId: 'app id',
        cookie: true, // enable cookies to allow the server to access 

        xfbml: true, // parse social plugins on this page
        version: 'v2.1' // use version 2.1
      });

      FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
      });

    };

    (function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s);
      js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));

    function testAPI() {
      console.log('Welcome!  Fetching your information.... ');
      FB.api('/me', function(response) {
        alert(response.name);
        alert(response.email);
        console.log('Successful login for: ' + response.name);
        document.getElementById('status').innerHTML = 'Thanks for logging in, ' + response.name + '!';
      });
    }
  </script>
  <fb:login-button perms="email" autologoutlink="true" onlogin="checkLoginState();">
  </fb:login-button>
  <div id="status">
  </div>
</body>

【问题讨论】：

你能用Graph API Explorer收到邮件吗？

标签： javascript facebook facebook-javascript-sdk facebook-graph-api-v2.0

【解决方案1】：

@Tobi 这真的拯救了我的一天：

FB.api('/me

替换为

FB.api('/me?fields=id,name,email,permissions', function(response) {
        console.log(response.name);
        console.log(response.email);
    });

但是，我不明白为什么以下代码的范围（在 facebook 文档中）不起作用

<fb:login-button scope="public_profile,email" onlogin="checkLoginState();">

【讨论】：

【解决方案2】：

您应该在登录按钮中使用scope 属性而不是perms，因此无法获取权限。试试

<fb:login-button scope="public_profile,email" autologoutlink="true" onlogin="checkLoginState();">
</fb:login-button>

见：

https://developers.facebook.com/docs/facebook-login/login-flow-for-web/v2.2#quickstart

【讨论】：

这没有多大帮助。究竟是什么不工作？
alert(response.email) 给出的消息未定义。
当您编辑代码时，您是否再次看到登录弹出窗口要求email 权限？
将FB.api('/me' 替换为FB.api('/me?fields=id,name,email,permissions' 并添加alert(response.permissions)。然后检查email权限是否存在。
@swapnilgandhi 我们真的很难向你解释！我退出了...好吧，最后一次尝试-无论你得到"[object Object]"，你总是可以使用console.log检查对象内部的内容，你怎么不知道这个东西！