2013-02-22 128 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