2013-02-22 131 views
0

我正在做一个简单的应用程序来练习一般的学习轨道和Web开发。邀请Facebook朋友去应用程序没有弹出轨道

我想要做的就是列出Facebook好友,这样我就可以邀请那些没有应用的人来和我一起使用它。

目前我正在按照教程弹出Facebook上的朋友,我可以发送应用程序。不过,我想删除弹出选项并只在页面上显示Facebook好友邀请列表(即复选框,名称,图片)。我会怎么做呢?

这是我的Home.html.erb代码。如果您有任何建议,请告诉我。谢谢!

<div id="friends"> 

#instead of the below link which creates the pop up, I'd like the page to 
#simply display the facebook friends to invite 

<p><%= link_to "Invite your Facebook Friends","#",:id=>"invite_fb_friends"%></p> 

<div id="fb-root"></div> 
<script src ="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
$(function(){ 
    $("a#invite_fb_friends").click(function(){ 
     FB.init({ 
      appId:'1234567890', #<--fake appid, my code includes the my actual app id 
      cookie:false, 
      status:true 
     }); 

     FB.ui({method:'apprequests',message:'<%=current_user.name%> would like to invite you to try out our app!'}); 
    }); 
}); 
</script> 
</div> 

回答

0

你可以通过用户的好友信息(前提是你有在访问令牌中的权限):

https://graph.facebook.com/:facebook_user_id/friends?access_token=token 

您会收到用户的朋友的JSON响应。简单解析JSON代码,并从他们的视图中创建好友列表。使用复选框或东西,编译他们选择每个ID,并创建一个​​

要了解数据的模样,转到:https://developers.facebook.com/tools/explorer

,并把在/me/friends

+0

嗨@agmcleod谢谢您的回答。我审查了它,并使用考拉来获取JSON代码。但是,您是否对如何对代码进行分页有任何建议?我使用get_connections(“我”,“朋友”)来获取JSON代码。有没有一种有效的方式来显示/分页信息?或者我应该使用FQL查询呢? – 2013-02-23 01:57:42

+0

使用JSON.parse(str)作为响应主体的字符串。你会得到一个数据散列。如果您想了解如何在用户界面中对它进行分页,则需要制作某种前端小部件,这与您使用的对话方式类似。就个人而言,我会(并已经)使用Facebook给出的对话,因为它需要很少的工作。它也适用于手机。 – agmcleod 2013-02-23 03:00:02