Facebook使用javascript sdk登录而无需弹出窗口

Question

I'm using the javascript sdk to implement facebook login. Is it possible to redirect the user to the full login page instead of displaying the popup? I tried adding display : 'page' but that doesn't seem to do anything.

FB.init({

    appId: '123456789',
    cookie: true,
    status: true,
    xfbml: true,
    frictionlessRequests: true,
    oauth: true
});

function login() { //this function called on click of login button
   FB.login(function (response) {
    //my code
   }, { scope: 'email,publish_stream,read_stream,offline_access' });
});

Thanks

Answer 1

login with facebook-javascript-sdk always opens up in popup atleast for me. if you want to it to display in complete page instead of popup you should consider other options like server side authentication where setting the option display:page works.

Answer 2

One of the answers on this post worked for me: Facebook login without pop-up?

Here is the code. It should be run after window.onload

var APPID = "YOUR_APP_ID"
var uri = encodeURI('http://example.com');

FB.init({ appId: APP_ID,
          status: true, // check login status
       });
FB.getLoginStatus(function(response) {
    if (response.status === 'connected') {
        //user is logged in
    } else {
        window.location = encodeURI("https://www.facebook.com/dialog/oauth?client_id=" + APPID + "&redirect_uri="+uri+"&response_type=token");
    }
});

For complete-ness sake, here is the code that loads the FB JS SDK.

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