3

我正在制作一个显示经过身份验证的用户的朋友状态的网络应用程序。无论如何我可以使用Facebook 的图形 API来做到这一点吗?我唯一发现的是FQL我不能使用,因为我不允许使用 php。

编辑:我也不需要很多状态。我只需要他们的朋友最新的一个。

编辑:fbID 是 Facebook ID。这是我的代码:

<script>
var self;
  (function(d){                                                                             // Load the SDK Asynchronously
     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));

  window.fbAsyncInit = function() {                                             // Init the SDK upon load
    FB.init({
      appId      : '190843834372497', // App ID
      channelUrl : 'http://people.rit.edu/~cds7226/536/project3/channel.html', // Path to your Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // listen for and handle auth.statusChange events
    FB.Event.subscribe('auth.statusChange', function(response) {
      if (response.authResponse) {                                              // user has auth'd your app and is logged into Facebook
        FB.api('/me', function(me){
          if (me.name) {
            document.getElementById('auth-displayname').innerHTML = me.name;
            //Add rest of code here ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
            self=me;
          }
        })
        document.getElementById('auth-loggedout').style.display = 'none';
        document.getElementById('auth-loggedin').style.display = 'block';
      } else {                                                                  // user has not auth'd your app, or is not logged into Facebook
        document.getElementById('auth-loggedout').style.display = 'block';
        document.getElementById('auth-loggedin').style.display = 'none';
      }
    });

    document.getElementById('auth-loginlink').addEventListener('click', function(){ // respond to clicks on the login and logout links
      FB.login(function(response){},{scope: 'friends_status,read_stream'});
    });
  } 
</script>

然后,当您单击该按钮时,此函数将执行。它获取用户的最后一次签到位置,以及包括他们的 Facebook ID 在内的个人信息。

function getFriendsCheckin(token)
{
    $.getJSON('https://api.foursquare.com/v2/checkins/recent?oauth_token='+token+'&v='+"20120514",function(results){
    //console.log(results);

    $.each(results['response']['recent'], function(key,value){
        //console.log(key+' : '+value);
        //Friends personal info
        var fullName = value['user']['firstName']+" "+value['user']['lastName'];
        var timeStamp = value['createdAt'];
        var photo = value['user']['photo'];
        var fbID = value['user']['contact']['facebook'];
        //Where they last checked in
        var locName = value['venue']['name'];
        var location = new google.maps.LatLng(value['venue']['location']['lat'],value['venue']['location']['lng']);
        //setMarker(location,fullName+'@'+locName);
        setCustomMarker(location,fullName+'@'+locName,fbID,photo);
    });
})

}

最后,这就是问题所在。此功能假设在谷歌地图上点击制造商时显示用户的好友最后状态。

function setCustomMarker(location,title,fbID,icon)
{
//alert("here");
var marker = new google.maps.Marker({
    position: location,
    draggable: false,
    map: map,
    title: title,
    //icon: icon
    //icon: new google.maps.MarkerImage({url: icon, size: new google.maps.Size({width:10,height:10})})
});

google.maps.event.addListener(marker,'click',function(){
console.log('SELECT status_id,message FROM status WHERE uid='+fbID);
    FB.api(
        {
            method: 'fql.query',
            query: 'SELECT status_id,message FROM status WHERE uid='+fbID
        },
        function(response){
            console.log(response);
        }
    );//*/
});

}

4

3 回答 3

1

可能你很困惑,但你可以使用fqlwith javascript sdk

例如

FB.api(
  {
    method: 'fql.query',
    query: 'SELECT name FROM user WHERE uid=me()'
  },
  function(response) {
    alert('Your name is ' + response[0].name);
  }
);

参考

如果您使用图形 api,这应该可以工作(未经测试,但您可以检查并更新我)

FB.api('/','POST',{
    access_token:'<your_access_token>',
    batch:[
        {
            "method": "GET",  
            "relative_url": "me/friends?limit=5",
            "name": "get-friends"
        },
        {
            "method": "GET",
            "depends_on":"get-friends",
            "relative_url": "{result=get-friends:$.data.*.id}/statuses"
        }
    ]
},function(response){
     console.log(response);

})

当然,您需要获得阅读朋友状态更新所需的权限。

于 2012-05-20T17:58:25.523 回答
0

尝试这个:

FB.api('user_id/statuses','GET',{
    //friends_status access token
});
于 2012-06-11T10:17:58.167 回答
0

是的。它可以在图形 API的帮助下完成。

在参考文档中 - 查看配置文件提要 API 调用。在该示例中,将我替换为您尝试访问其提要的朋友的用户 ID。

但是,要通过应用程序执行此操作,您需要向尝试使用您的应用程序的用户请求 read_stream 和 friends_status 权限。

根据我使用客户端 Facebook js-sdk 处理 OAuth 的经验,这是最简单的事情。

对于托管在 heroku 上的应用程序,它们提供了客户端 OAuth 处理的示例实现,这非常有用。(为了能够在 heroku 上托管您的应用程序 - 在 developers.facebook.com/apps 中创建您的应用程序时,只需确保选择“在 Heroku 上托管项目”选项。

于 2012-10-14T00:59:42.400 回答