以下のFacebook Webサイトログイン用の次の簡単なコードがあります。サイトを mozilla ブラウザーでテストしたところ、すべて正常に機能し、facebook にログインするためのプロンプトが表示されました。ボタンが機能しているように見えるため、これは特にイライラしますが、たまにしか機能しないため、理由がわかりません. Google App Engine を介してサイトをホストしています。
私は何年もの間これを理解しようとしてきましたが、どんな助けも大歓迎です!!
// 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 の 1 つ以上が、アプリの設定で許可されていません。ウェブサイトの URL またはキャンバスの URL と一致するか、ドメインがアプリのドメインのいずれかのサブドメインである必要があります。
繰り返しますが、Linux OS の mozilla ブラウザーでボタンを実行しているときにボタンが完全に機能しますが、他のコンピューターでは機能しません。この違いの原因は何なのかまだわかりませんか?? ご協力いただきありがとうございます。