繁体   English   中英

如何使用Javascript SDK V2.0获取Facebook用户朋友的头像

[英]How to get Facebook user's friends' profile picture using Javascript SDK V2.0

我正在使用Facebook API V2.0 JavaScript SDK创建一个网站,并且我想显示用户朋友的个人资料图片。 我已经使用图形API显示了我的个人资料图片,但是如果我登录了我的应用程序(我是管理员),则无法获得所有朋友的ID。 如果我有ID,则可以显示其个人资料照片。

图资源管理器中 ,我检查了所有权限(用户数据权限+扩展权限)。 我已经注意到,如果我切换到API V1.0,则会得到朋友的许可,这正是我想要的。

另外,我在Facebook开发人员>应用程序详细信息> App Center列出的平台>配置应用程序中心权限中为我的应用程序添加了一些权限。 (用户朋友+朋友生日+朋友宗教政策+朋友关系+朋友关系详细信息+朋友位置+朋友照片+朋友关于我)

到目前为止,我的html看起来像这样:

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

加载Facebook SDK之后,我有:

function getUserFriends() {
  FB.api('me/friends?fields=first_name,gender,location,last_name', function (response) {
    console.log('Got friends: ', response);
    $("#friendslist").html('<img src="https://graph.facebook.com/'+ response.id+'/picture?type=large"/>');
  });
  }

但是,假定包含我所有朋友信息的数组为空(请参见图片: http : //www.screencast.com/t/W02GaOm3h

如果您只需要他们的图像,则可以在“ taggable_friends”范围内找到。 但是,请注意,此字段非常有限(根据设计),并且您需要Facebook进行其他审查才能将其呈现给普通用户。

它包含:

  • 可标记的ID。 这是一个具有标记目的的id。 它不能用于识别用户或从其个人资料中收集信息。
  • 一个名字。 用户的名字和姓氏。
  • 图片,具有共同的相关领域。 网址,is_silhouette,高度和宽度。

     function getUserFriends() { FB.api('me/taggable_friends', function (response) { console.log('Got friends: ', response.data); $("#friendslist").html('<img src="'+response.data[0].picture.data.url+'"/>'); // maybe an $.each as well // var friendMarkup = ''; // $.each(response.data, function(e, v) { // friendMarkup += '<img src="' + v.picture.data.url +'" alt="'+ v.name +' picture"/>'; // } // $("#friendlist").html(friendMarkup); }); } 

相关阅读:
https://developers.facebook.com/docs/graph-api/reference/v2.0/user/taggable_friends https://developers.facebook.com/docs/opengraph/using-actions/v2.0-标记朋友和提及朋友部分

免责声明:我已经在这个问题上奋战了好几天,但实际上并没有提及标签。 我提交的将taggable_friends用作用户的全面,可导航列表的提交被拒绝,我推测(推测ho!)这是因为我没有进行实际的标注。 在几天后,我将在Facebook上澄清并重新提交我的审查请求后,再回到这一点。

-编辑-

似乎我的初次提交被拒绝的原因是因为我使用的是特殊的开发url,但没有足够清楚地指出为什么使用在设置下设置的url还不够。 这次,我在我的意见书的一般说明和分步说明中都明确指出并解释了这种推理。 总而言之,在提交的内容中要格外明确; 您为何需要此许可权,他们如何访问该许可权的理由,等等。只是为了确保阅读时不会错过它。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM