如何显示正在使用应用程序的朋友的图像(代码)

时间:2011-05-02 04:56:26

标签: facebook facebook-graph-api facebook-fql

我正在Facebook上开发一个应用程序。我的应用程序还有一个注册页面。当新用户进入我们的应用程序时,我希望应用程序显示正在使用此应用程序的所有朋友的图像。我该如何做到这一点?

3 个答案:

答案 0 :(得分:1)

此问题的解决方案要求您使用Facebook社交插件。

在用户安装应用程序之前,您无法构建自己的注册表单并向用户显示正在使用您的应用程序的所有朋友。这是因为,为了获得用户朋友的列表,您必须拥有有效的访问令牌 - 因为这不是公共信息。

您可以使用2种不同的社交插件。

  1. 简单的“登录”按钮,看起来像Facebook登录按钮。 (此处的文档:http://developers.facebook.com/docs/reference/plugins/login/

  2. 注册表单,使用其用户的Facebook个人资料预先填充某些字段。您还可以向表单添加字段以获取更多信息。 (此处的文档:http://developers.facebook.com/docs/plugins/registration/

  3. 这两个显示已经连接/安装的朋友的用户图片,这几乎是在用户授权您的应用程序之前将其关闭的唯一方法。

    编辑5/20/2011

    浏览了FB Social Plugin文档后,我发现了另一个社交插件,如果你不想使用Facebook注册社交插件,你可以使用它。您可以使用Facepile插件。这会显示已连接到您的应用,页面或任何您想要的所有用户的朋友。因此,您可以构建自己的注册表单并使用此社交插件来实现您正在寻找的朋友照片结果。

答案 1 :(得分:0)

我想我看到两个解决方案:

  1. 简单,在页面的某个位置放置一个像“脸部”的脸谱按钮,您的用户就会看到他们“喜欢”您的页面的朋友的照片。

    显示朋友照片的选项为show_faces="true"

  2. 第二个选项,这有点困难: 当新用户注册时:

    1. 将它的Facebook ID保存在数据库中。
    2. 使用以下内容获取好友列表:https://graph.facebook.com/me/friends?access_token=...
    3. 解析其朋友的返回JSON,然后与您在数据库中已有的所有Facebook ID进行比较,您可以找到您系统中已有的朋友,这些是您要显示的朋友,以获取他们的照片只需使用<img src="http://graph.facebook.com/USER_FACEBOOK_ID/picture?type=small"></img>
    4. 详细了解如何获取用户的朋友here:了解“朋友”关系。

答案 2 :(得分:0)

最好的方法是使用facepile你需要添加data-app-id并且不添加data-href,因为如果你要添加data-href,那么系统将检查该url不是你的app所以facepile div将如下所示:

<div class="fb-facepile" data-app-id="YOUR_APP_ID" data-max-rows="1" data-colorscheme="light" data-size="small" data-show-count="true"></div>