2

ユーザーがすでにFBにログインしている場合は、FBアプリでユーザーに関する情報を自動的に取得したいと思います。Chromeでは、次のコードが完全に機能し、要求された情報を取得します。ただし、Internet ExplorerとFirefoxでは、次のコードはFB.login（）を追加した場合にのみ機能します。window.fbAsyncInit関数に追加します。これにより、ページにアクセスするたびにポップアップが読み込まれますが、これは望ましくありません。アラートを使用してコードをテストすることにより、FB.Event.subscribe関数はIEやFFでも呼び出されていないが、Chromeでは正常に機能していることがわかりました。IEとFFでこれが異なる動作をするのはなぜですか？また、正しく機能させるにはどうすればよいですか？

 (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));

// Init the SDK upon load
window.fbAsyncInit = function() {
   FB.init({
      appId      : 'ID', // App ID
      channelUrl : 'Channel Path', // Path to your Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true,  // parse XFBML
      oauth      : true,
      frictionlessRequests: true
   });

  // listen for and handle auth.statusChange events
   FB.Event.subscribe('auth.statusChange', function(response){
      console.log(response);
      if (response.authResponse) {
        // user has auth'd your app and is logged into Facebook
         FB.api('/me', function(me){
            if (me.name) {
               userID = me.id;
            }
         });
         document.getElementById('auth-loggedout').style.display = 'none';
         document.getElementById('auth-loggedin').style.display = 'block';
      }else {
         // user has not auth'd your app, or is not logged into Facebook
         $('#auth-displayname').html('');
         document.getElementById('auth-loggedout').style.display = 'block';
         document.getElementById('auth-loggedin').style.display = 'none';
      }
   });
}
4

1 に答える 1

2

auth.statusChange は、Facebook に既にログインしている場合にのみ呼び出されます。

私はあなたがクロムでテストしていると信じているので、ログインしている可能性が最も高い.

Chrome で facebook からログアウトしてテストすると、そこでも機能しないことがわかります。

そのため、FB.getLoginStatus() を明示的に呼び出して、ページが読み込まれたらすぐに初期化し、statusChange で将来の変更をリッスンする必要があります。

FB.getLoginStatus(function(response){
  if (response.authResponse) {
    // user has auth'd your app and is logged into Facebook
     FB.api('/me', function(me){
        if (me.name) {
           userID = me.id;
        }
     })
    }
 });

// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function(response){
  if (response.authResponse) {
     document.getElementById('auth-loggedout').style.display = 'none';
     document.getElementById('auth-loggedin').style.display = 'block';
  }else {
     // user has not auth'd your app, or is not logged into Facebook
     $('#auth-displayname').html('');
     document.getElementById('auth-loggedout').style.display = 'block';
     document.getElementById('auth-loggedin').style.display = 'none';
  }

});

于 2012-10-25T23:06:15.183 に答える