我正在尝试在 Dropbox 上托管一个简单的基于 JS 的 Facebook 应用程序,遵循以下问题: Facebook 应用程序需要服务器?
目前我只想在继续之前完成登录部分,但我遇到了一些问题 - 显然对FB.getLoginStatus的调用没有返回,因此没有调用实际的登录函数。如果我直接调用 login() (当前已注释掉),我设法登录 Facebook,但调用FB.api('/me', function(response) {...})没有返回,所以我已登录在但真的什么都做不了。我错过了什么?我在我的 Facebook 应用页面中设置了正确的 URL,但我真的不知道我做错了什么,为什么要这么难?:/
这是我的 JS 代码(几乎是 Facebook 登录教程中的复制+粘贴),而 HTML 正是该教程中的复制+粘贴。
// Additional JS functions here
function testAPI() {
document.write('Welcome! Fetching your information.... </br>');
FB.api('/me', function(response) {
document.write('Good to see you, ' + response.name + '.</br');
});
}
function login() {
document.write('Logging to Facebook </br>');
FB.login(function(response) {
if (response.authResponse) {
// connected
document.write("User now connected </br>");
testAPI();
} else {
// cancelled
document.write("User cancelled </br>");
}
});
}
window.fbAsyncInit = function() {
document.write("Connecting to facebook </br>");
FB.init({
appId : '542474505763387', // App ID
channelUrl : 'https://dl-web.dropbox.com/get/index.html?w=71a3a216', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
//login();
FB.getLoginStatus(function(response) {
document.write("Response </br>");
if (response.status === 'connected') {
// connected
document.write("connected </br>");
} else if (response.status === 'not_authorized') {
// not_authorized
document.write("not_authorized </br>");
login();
} else {
// not_logged_in
document.write("not_logged_in </br>");
login();
}
});
};
// Load the SDK Asynchronously
(function(d){
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));
</script>