Facebookページタブアプリ用の簡単なFacebookログインスクリプトを実装しました。ユーザーに対してアプリを認証することを想定しています。すべてのブラウザーで正常に動作しますが、IE (互換性をテストするために IE10 を使用しています)。IE では、意図したとおりに認証ポップアップが表示され、ユーザーはそれを問題なく認証できますが、他のブラウザーのようにメイン アプリ ページ (liked.php) を開く代わりに、自分自身 (login.php) をリロードし続けます。私たちの時代に誰も IE を使うべきではないことはわかっていますが、IE を使っている人もいます。コードは次のとおりです。
<body>
<div id="fb-root"></div>
<fb:login-button size="medium" onlogin="login()" scope="email, user_birthday">Logga in med Facebook</fb:login-button>
<script>
// Additional JS functions here
window.fbAsyncInit = function() {
FB.init({
appId : 'myid', // App ID
channelUrl : '//www.mydomain.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
});
// Additional init code here
FB.getLoginStatus(function(response) {
if (response.status === 'connected') {
// connected
} else if (response.status === 'not_authorized') {
// not_authorized
//login();
} else {
// not_logged_in
//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));
function login() {
FB.login(function(response) {
if (response.authResponse) {
// connected
window.location = 'liked.php';
} else {
// cancelled
}
});
}
</script>
</body>