通过Javascript Facebook API获取Facebook用户信息,以及当前用户的好友

作者: 东来东往

来源: http://www.dldw.net/archives/25.html

最近为客户做一个新的Facebook APP页面.

说一下如何获取Facebook用户的信息,例如facebookID,name,pic_square,movies,email,current_location等信息.

在使用APP之前需要先生成Facebook APP ID 这不必多说.

生成Facebook APP ID之后 在javascript中 初始化Facebook信息

而且我定义了一些我需要获取获取数据的全局变量

• <script language="javascript" type="text/javascript">
• //这是我们要获取的信息变量
• var facebookId;
• var facebookName;
• var facebookProfileImg;
• var facebookBooks;
• var facebookMovies;
• var facebookMusic;
• var facebookLocations;
• var friendFbIds = '';
• var facebookEmail;
• FB.init({
•     appId: '138343092941586', //这里设置你申请的APP ID
•     status: true,
•     cookie: true,
•     xfbml: true,
•     oauth: true
• });
• </script>

初始化完成之后,可以通过某一个事件来触发获取Facebook信息的功能.(我使用了id的点击事件)

1. <script language="javascript" type="text/javascript">
2. $('#invite').click(function(){
3.         FB.getLoginStatus(checkResponse);
4. });
5. //checkResponse方法是用来检测当前用户是否登陆的.
6. function checkResponse(response) {
7.     if (!response.authResponse) {
8.         //scope是获取权限的意思,你可以获取其他的例如:offline_access, publish_stream等权限
9.         FB.login(handleSessionResponse,{ scope:'email'});
10.     } else {
11.         //这个方法就是获取Facebook用户信息的方法
12.         retrieveProfiles();
13.     }
14. }
15. //次方法是用来处理Facebook登陆的回话相应.
16. function handleSessionResponse(response) {
17.     if (!response.authResponse) {
18.         return;
19.     } else {
20.         //这个方法就是获取Facebook用户信息的方法
21.         retrieveProfiles();
22.     }
23. }
24. </script>

下面这里才是重点,根据上面获取的Facebook信息,通过FacebookAPI查询Facebook的数据库即可得到相关的信息

1. <script language="javascript" type="text/javascript">
2. //用来循环获取Facebook 好友ID
3. Object.size = function(obj) {
4.         var size = 0;
5.         for (var key in obj) {
6.                 if (obj.hasOwnProperty(key)) size++;
7.         }
8.         return size;
9. }
10. function retrieveProfiles() {
11.     // 通过Facebook API 查询用户信息
12.     FB.api({ method: 'fql.query', query: 'SELECT uid,email, name, pic_square, books, movies, music, current_location FROM user WHERE uid=me()' }, function(response) {
13.         // fetch the status from response
14.         var user = response[0];
15.         if (user == undefined) {
16.             $('span.loading').replaceWith('<span>Sorry, please try again.</span>');
17.         } else {
18.             facebookId = user.uid;
19.             facebookName = user.name;
20.             facebookProfileImg = user.pic_square;
21.             facebookMovies = user.movies;
22.             facebookMusic = user.music;
23.             facebookBooks = user.books;
24.                         facebookEmail = user.email;
25.             facebookLocations = user.current_location;
26.             //获取当前用户的Facebook好友
27.             FB.api({ method: 'fql.query', query: 'SELECT uid2 FROM friend WHERE uid1 = ' + facebookId }, function(data) {
28.                 console.log(data);
29.                 //注意这里用到了Object.size方法
30.                                 for (var i = 0; i < Object.size(data); i++) {
31.                     friendFbIds = friendFbIds + "'" + data[i].uid2 + "'";
32.                     if (i != Object.size(data) - 1) {
33.                         friendFbIds += ',';
34.                     }
35.                 }
36.                                 console.log(friendFbIds);
37.                                 console.log("facebookName"+facebookName);
38.                                 console.log("facebookEmail"+facebookEmail);
39.                 console.log("facebookProfileImg"+user.pic_square);
40.                                 console.log("facebookMovies"+user.movies);
41.                                 console.log("facebookMusic"+user.music);
42.                                 console.log("facebookBooks"+user.books);
43.                                 console.log("facebookLocations"+user.current_location);
44.             });
45.         }
46.     });
47. }
48. </script>

这样用户的信息就已经取得了,大家也可以在Facebook的APP 帮助文档查找相关用户信息字段

http://developers.facebook.com/docs/reference/fql/user/

转载于:https://www.cnblogs.com/xoaomihu/archive/2013/01/17/2864207.html