如何通過Javascript Facebook API獲取Facebook用戶信息

這期內容當中小編將會給大家帶來有關如何通過Javascript Facebook API獲取Facebook用戶信息，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

　　在使用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的點擊事件）

　　<script language="javascript" type="text/javascript">

　　$（'#invite'）。click（function（）{

　　FB.getLoginStatus（checkResponse）；

　　}）；

　　//checkResponse方法是用來檢測當前用戶是否登陸的。

　　function checkResponse（response） {

　　if （！response.authResponse） {

　　//scope是獲取權限的意思，你可以獲取其他的例如：offline_access, publish_stream等權限

　　FB.login（handleSessionResponse,{ scope:'email'}）；

　　} else {

　　//這個方法就是獲取Facebook用戶信息的方法

　　retrieveProfiles（）；

　　}

　　}

　　//次方法是用來處理Facebook登陸的回話相應。

　　function handleSessionResponse（response） {

　　if （！response.authResponse） {

　　return;

　　} else {

　　//這個方法就是獲取Facebook用戶信息的方法

　　retrieveProfiles（）；

　　}

　　}

　　</script>

　　復制代碼

　　下面這里才是重點，根據上面獲取的Facebook信息，通過FacebookAPI查詢Facebook的數據庫即可得到相關的信息

　　<script language="javascript" type="text/javascript">

　　//用來循環獲取Facebook 好友ID

　　Object.size = function（obj） {

　　var size = 0;

　　for （var key in obj） {

　　if （obj.hasOwnProperty（key）） size++;

　　}

　　return size;

　　}

　　function retrieveProfiles（） {

　　// 通過Facebook API 查詢用戶信息

　　FB.api（{ method: 'fql.query', query: 'SELECT uid,email, name, pic_square, books, movies, music, current_location FROM user WHERE uid=me（）' }, function（response） {

　　// fetch the status from response

　　var user = response[0];

　　if （user == undefined） {

　　$（'span.loading'）。replaceWith（'<span>Sorry, please try again.</span>'）；

　　} else {

　　facebookId = user.uid;

　　facebookName = user.name;

　　facebookProfileImg = user.pic_square;

　　facebookMovies = user.movies;

　　facebookMusic = user.music;

　　facebookBooks = user.books;

　　facebookEmail = user.email;

　　facebookLocations = user.current_location;

　　//獲取當前用戶的Facebook好友

　　FB.api（{ method: 'fql.query', query: 'SELECT uid2 FROM friend WHERE uid1 = ' + facebookId }, function（data） {

　　console.log（data）；

　　//注意這里用到了Object.size方法

　　for （var i = 0; i < Object.size（data）； i++） {

　　friendFbIds = friendFbIds + "'" + data[i].uid2 + "'";

　　if （i != Object.size（data） - 1） {

　　friendFbIds += ',';武漢仁濟精神病治療

　　}

　　}

　　console.log（friendFbIds）；

　　console.log（"facebookName"+facebookName）；

　　console.log（"facebookEmail"+facebookEmail）；

　　console.log（"facebookProfileImg"+user.pic_square）；

　　console.log（"facebookMovies"+user.movies）；

　　console.log（"facebookMusic"+user.music）；

　　console.log（"facebookBooks"+user.books）；

　　console.log（"facebookLocations"+user.current_location）；

　　}）；

　　}

　　}）；

　　}

　　</script>

上述就是小編為大家分享的如何通過Javascript Facebook API獲取Facebook用戶信息了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。