5

我第一次使用 facebook API。从那里的文档中我发现我们可以获取如下的名称 console.log(response.name); 但是我怎样才能获取电子邮件和 fbid 呢？

谢谢， 埃纳穆尔

<?php ?>
<div id="fb-root"></div>
<script>
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'f', // App ID
      channelUrl : '//localhost/practices/phpTest/fblogin/login.php/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });
    FB.getLoginStatus(function(response) {
    if (response.status === 'connected') {
        // connected
    } else if (response.status === 'not_authorized') {
        // not_authorized
      login();
    } else {
        // not_logged_in
      login();
    }
    });

    // Additional init code here

  };

  function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
          testAPI();
        } else {
            // cancelled
        }
    });
    }

  function testAPI() {

    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {

        console.log('Good to see you, ' + response.name + '.');
    });
  }

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>
<?php ?>
4

4 回答 4

26

除了在按钮中添加 scope="email" 之外，您还需要指定要返回的字段。

<fb:login-button scope="public_profile, email" onlogin="checkLoginState();" data-auto-logout-link="true" data-size="large">


function testAPI() {
    FB.api('/me', {fields: 'name, email'}, function(response) {
        console.log( response );
        console.log( response.email );
    });
}

有关完整的代码结构，请查看facebook 文档。

于 2017-03-09T19:16:00.637 回答
4

访问名称的方式相同。IE

response.email和response.id

但要获取电子邮件地址，您必须有权访问它。

添加scope="email"到您的 FB 登录按钮。

[编辑]

function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
        testAPI();
        } else {
            // cancelled
        }
    }, { scope: 'email' });
    }

function testAPI() {

    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {

        console.log('Good to see you, ' + response.name + '.' + ' Email: ' + response.email + ' Facebook ID: ' + response.id);
    });
}

这是一个适合初学者的好教程：http ://www.loginworks.com/technical-blogs/404-working-with-facebook-javascript-sdk

于 2013-03-07T11:39:54.063 回答
4

如果其他人在检索用户电子邮件时遇到问题，请注意，当您的应用仍被列为“开发中”时，Facebook 将不允许您访问用户的电子邮件。在 Facebook 开发者仪表板中切换到“生产中”后，电子邮件应该可用。希望这对那里的人有所帮助，因为我今晚浪费了很多时间来努力检索用户的电子邮件。

电子邮件：“并非所有用户都可以使用，因为您的应用尚未上线”

在此处输入图像描述

于 2020-01-02T09:40:27.247 回答
2

将代码更改为以下

FB.api('/me', function(response) {
  console.log('Good to see you, ' + response.name + '.');
});

FB.api('/me?fields=name,email', function(response) {
  console.log('Good to see you, '+response.name + '---'+response.email);
});
于 2020-09-27T07:38:04.133 回答