FB.getLoginStatus doesn't work in Chrome even sandbox disable-Collection of common programming errors

12 years ago
admin
4 minutes

I follow railscast to add “sign in with Facebook” feature in my site, there is no problem to login. But when try to logout, it seems that FB.getLoginStatus never got fire even when I disable Sandbox Mode in facebook developer app settings (as suggested in some other discussion):

(function() {
  jQuery(function() {
    $('body').prepend('');
return $.ajax({
  url: "" + window.location.protocol + "//connect.facebook.net/en_US/all.js",
  dataType: 'script',
  cache: true
});
});

window.fbAsyncInit = function() {
FB.init({
  appId: 'xxxxxomittedxxxxx',
  cookie: true,
  status: true,
  xfbml: true,
  oauth: true
    });
$('#sign_in').click(function(e) {
  e.preventDefault();
  return FB.login(function(response) {
    if (response.authResponse) {
      return window.location = '/auth/facebook/callback';
    }
  });
});
return $('#sign_out').click(function(e) {
  FB.getLoginStatus(function(response) {
    if (response.authResponse) {
      return FB.logout(response.authResponse);
    }
  });
  return true;
});
 };

}).call(this);

The reason I know the FB.getLoginStatus never get in (or doesn’t work) is I replace the body with:

  FB.getLoginStatus(function(response) {
    return alert("I am here!");
  });

and I cannot see my alert while “sign_out” click.

I am running both Chrome and Firebox having the same behaviour. Could anybody help to spot what am I missing? Thanks a lot.

Let me describe more specific about the “behaviour” I encountered:

  1. sign in with Facebook from mysite.com the first time a Facebook login window will popup and ask for email and password, and I can sign in to my site perfectly ok and work as expected
  2. then I click on sign_out button from mysite.com/users/1, it looks like it sign out ok.
  3. then sign in with Facebook from mysite.com again, now it won’t popup the Facebook login window anymore and login to mysite.com/users/1 directly without asking email and password!
  4. if I open another browser window and go to facebook.com and logout from there, then when I sign in with Facebook from mysite.com, it will popup a Facebook login window now and ask for my email and password.

I would like my site to behave: “when logout from mysite.com/users/n and sign in with Facebook again from mysite.com, the Facebook login window shall popup”

Anyone could be of help? Thanks a lot.

EDIT:

Further investigation found the “root” cause might be still: the sign out is under the different route (or page) of the sign in route and FB.getLoginStatus just cannot be fire under the mysite.com/signout. The error message from firebug indicates that “Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App’s domains.”

To proof it is the route issue, I put a sign out link in the same route (page) as sign in route which is the root route mysite.com as specified in the “Website with Facebook Login”, everything works and can logout as expected:

by the way the sign_out js is revised to get rid of FB.logout(response.authResponse) uncaught [object Object] error, because FB.logout expects function as parameter:

return $('#sign_out').click(function(e) {
  FB.getLoginStatus(function(response) {
    if (response.authResponse) {
      FB.logout();
    }
  }, true);
});
};

So, the bottom line: FB.getLoginStatus might still have a bug which cannot handle the call from a different route than sign in route. (I tested with Chrome, Firefox and Safari and all behave the same but not true for IE10. Somehow IE10 works even sign out at different route.)

Any comment from people who have similar problem? Please advise. Thank you very much in advance.