我在下面有以下用于 facebook 网站登录的简单代码。我在 mozilla 浏览器中测试了该网站,一切正常,打开提示让我登录 facebook,但是当我在带有 chrome 的 Windows 操作系统上再次尝试时,我的按钮没有做任何事情。这尤其令人沮丧,因为它看起来像按钮工作 - 但只是有时,我不知道为什么。我通过谷歌应用引擎托管我的网站。
我一直在努力解决这个问题,任何帮助将不胜感激!
// Additional JS functions here
window.fbAsyncInit = function() {
FB.init({
appId : 'xxx', // App ID
channelUrl : '//http://www.XXX.com/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
function doLogin(){
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
login();
} else if (response.status === 'not_authorized') {
login();
} else {
login();
}
});
}
function login() {
FB.login(function(response) {
if (response.authResponse) {
testAPI();
} else {
// cancelled
}
}, {scope: 'email,user_education_history,user_work_history'}); //permissions
}
function testAPI() {
FB.api('/me', function(response) {
alert('Good to see you, ' + response.email + '.');
});
}
// 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));
还有我的 html 按钮:
<button style="position:absolute; margin-top: 4px;margin-left:600px;" onclick="doLogin();">Sign Up With Facebook</button>
编辑:
当我在我的 chrome 浏览器中检查按钮不起作用的控制台时,我收到以下消息:
应用程序配置不允许给定 URL。:应用程序的设置不允许一个或多个给定 URL。它必须与网站 URL 或画布 URL 匹配,或者域必须是应用程序域之一的子域。
同样,当我在我的 linux 操作系统的 mozilla 浏览器中运行该按钮时,该按钮工作得非常好,但在我的其他计算机上却没有。我仍然不确定是什么导致了这种差异?再次感谢大家的帮助。