After doing some research into Facebook’s Graph API v2.8, I finally understand how to craft functions using JavaScript. What I would like to specifically do is after I have the user logged into my application, they would click a button that grabs a total of their friend count.
Here is the code I’m attempting to use to accomplish this:
HTML
<button onclick="getInfo()">Get Friend Count</button>
JavaScript
// Get Basic User Info
// TODO: Get user's friend count
function getInfo() {
FB.api('/me/friends', 'GET', {
fields: 'total_count'
}, function (response) {
document.getElementById('status').innerHTML = response.id;
});
}
Perhaps the fields parameter is wrong?
The ultimate goal is that I want the total count of friends publicly displayed on a user’s profile within my application.
EDIT: user_friends
has been authorized with the access token that I generated, but my response.id comes back as undefined.
EDIT 2: The data returned using the Graph API Explorer comes in a JSON format:
{
"id": "my_id",
"name": "my_name",
"friends": {
"data": [
],
"summary": {
"total_count": 161
}
}
}
2
Answers
Good news! I solved it by digging deeper into some source code that I found at this site: http://snowadays.jp/test/fb_friend_test.html
Here is the JavaScript:
Your apps needs
user_friends
authorization, and note that only friends who installed the app are returned in API v2.0 and higher.Before using Javascript SDK i suggest to do some testings with the Graph explorer