[英]How to get user's Facebook page list
這就是我想要的。 我已經使用FB.api成功地將用戶登錄到Facebook,現在我需要獲取用戶的Facebook頁面列表(頁面狀態已更改為“已發布”)。 我有一個我要用來獲取Facebook頁面列表的Facebook App和一個FB登錄按鈕,通過該按鈕可以啟用用戶登錄。 我的代碼看起來像
<!DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta charset="UTF-8">
<script type="text/javascript" src="http://code.jquery.com/jquery- 1.7.1.min.js"> </script>
</head>
<body>
<script>
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
if (response.status === 'connected') {
document.getElementById('status').innerHTML = response.authResponse.userID;
document.getElementById('access').innerHTML = response.authResponse.accessToken;
testAPI();
} else if (response.status === 'not_authorized') {
document.getElementById('status').innerHTML = 'Please log ' +
'into this app.';
} else {
document.getElementById('status').innerHTML = 'Please log ' +
'into Facebook.';
}
}
function checkLoginState() {
FB.getLoginStatus(function (response) {
statusChangeCallback(response);
});
}
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function (response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
FB.api('/me/accounts', 'GET', '', function (response) {
alert("On get");
console.log(response);
if (!response || response.error) {
alert(JSON.stringify(response.error));
}
else {
if (response.data.length > 0) { //-- Check for page list
alert("On page List")
acc_token = response.data[0].access_token; //== Change Accesstoken If a page is exist
}
else {
alert("On NOT");
}
}
});
});
}
</script>
<div id="status"></div>
<div id="access"></div>
<div id="page"></div>
<div id="fb-root"></div>
<script>
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=810475512349563& version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-login-button" data-scope="manage_pages" data-max-rows="1" data-size="medium" data-show- faces="false" data-auto-logout-link="false" onlogin="checkLoginState();" ></div>
</body>
</html>
請注意,我曾經
<div class="fb-login-button" data-scope="manage_pages" data-max-rows="1" data-size="medium" data-show- faces="false" data-auto-logout-link="false" onlogin="checkLoginState();" ></div>
用於用戶登錄並獲取頁面列表。 但是它總是返回“數據[]”。
您正在定義2種不同的登錄解決方案:“登錄”按鈕和FB.login。 如果要使用Facebook按鈕,請選擇登錄按鈕;如果要使用自己的登錄按鈕設計,請選擇FB.login。
就是說,登錄按鈕沒有必要的scope參數:
<div class="fb-login-button" data-scope="manage_pages" ...></div>
資料來源: https : //developers.facebook.com/docs/plugins/login-button
順便說一句,您的代碼確實有問題。 window.fbAsyncInit
應該在頁面加載時使用,而不是在按鈕單擊時使用。 FB.login不必要,因為在使用“登錄”按鈕后將調用它。
另外,請確保您正在嘗試與該應用程序的管理員用戶合作,否則您將必須首先執行審閱過程: https : //developers.facebook.com/docs/apps/review/login
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.