1

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

Prabhu
  • 12,995
  • 33
  • 127
  • 210
  • 1
    https://developers.facebook.com/docs/howtos/login/client-side-without-js-sdk/#step2 The document is called _“Login without Javascript SDK”_, but of course you can still use the SDK for the rest of your app’s logic besides login. (Although you might have to pass the access token for your SDK operations manually each time, because the SDK does not provide a documented method to set the access token.) – CBroe Oct 27 '12 at 16:11
  • Will the access token always be the same for a given user? Is it normally stored in DB or in the browser cache? Also how come I don't have to deal with the access token when using the SDK? – Prabhu Oct 27 '12 at 19:55
  • No, it won’t be. Client-site acquired access tokens are valid for about 2 hours only. And yes, it’s stored client-side in cookies. And you don’t have to deal with it when using built-in `FB.login` for authentication, because that takes care of setting the appropriate cookies and script-internal values. – CBroe Oct 27 '12 at 20:19
  • 1
    But it might also be possible that the SDK already takes care of grabbing the access token from the hash part of the redirect URL of the login-without-the-SDK-flow itself – I have never used this method when doing client-side login, so you might just try it and tell us about the results. – CBroe Oct 27 '12 at 20:24

2 Answers2

3

login with 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.

Smita
  • 4,634
  • 2
  • 25
  • 32
  • Hi Smita I am using javascript sdk and Its open Popup window for authentication. is there any option available for prevent popup and open page insted of it or any another option. You help appreciate me. Thanks in advance. – Chirag Shah Mar 27 '14 at 04:54
  • using the parameter display:page should do it though last I had tried didn't worked for me while using JavaScript SDK. For server side authentication, display:page works as expected. checkout this https://developers.facebook.com/docs/reference/dialogs/oauth/ .it may help. – Smita Mar 28 '14 at 08:14
  • Thanks Smita Your comment appreciate me. – Chirag Shah Mar 28 '14 at 08:29
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));
Community
  • 1
  • 1
posit labs
  • 8,951
  • 4
  • 36
  • 66
  • Hi posit your answer not worked for me can you please post all code here with javascript SDK which work without open popup for facebook sdk?. Your help appreciate me. Thanks in advance. – Chirag Shah Mar 27 '14 at 06:31
  • I added some detail, but really I can't help you unless you give a better description of the problem you're having. – posit labs Mar 27 '14 at 18:47