Facebook Logout from my website in Laravel

Question

When I click on logout... I get this exception in console:

FB.logout() called without an access token.

Question: I already have Access token saved in Session and I have access to it in Client side also. I already checked this answer and could not understand that how can I invoke handleSessionResponse method and how what will be the response value when I click on logout button? https://stackoverflow.com/a/8430670/726802

I have below code in layout page(master page).

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId      : '{!! env("FACEBOOK_APP_ID") !!}',
            xfbml      : true,
            version    : '{!! env("Facebook_Version") !!}'
        });
        FB.AppEvents.logPageView();
    };
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

Below is the code in blade(content page)

<ul class="nav nav-sidebar">
    <li class="active"><a href="#" onclick="logout();">Logout</a></li>
</ul>

<script>
    function checkLoginState() {
        FB.getLoginStatus(function(response) {
            if (response.status === 'connected') {

            } else {
            }
        });
    }

    function logout() {
        debugger;
        FB.logout(function(response) {
            debugger;
            // user is now logged out
        });
    }
</script>

Try initializing the JS SDK with parameters `cookie` and/or `status` set to true - so that it realizes that you already have a server-side login session. — CBroe, Jul 04 '17 at 15:01
https://developers.facebook.com/docs/javascript/reference/FB.init/v2.9 — CBroe, Jul 05 '17 at 07:32
You are using the official PHP SDK ? If so, wich helper are you using for the login ? Try this one https://developers.facebook.com/docs/php/FacebookJavaScriptLoginHelper/5.0.0 — Tmb, Jul 12 '17 at 06:23

score 2 · Answer 1 · answered Jul 12 '17 at 14:05

2

It seems that the access token is not persistent when change of page, try store the session in a cookie as said CBroe in a comment, something like this:

<script>
  window.fbAsyncInit = function() {
    FB.init({
        appId      : '{!! env("FACEBOOK_APP_ID") !!}',
        xfbml      : true,
        status     : true,
        cookie     : true,
        version    : '{!! env("Facebook_Version") !!}'
    });
    FB.AppEvents.logPageView();
  };
  (function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

answered Jul 12 '17 at 14:05

Jose Rojas

3,490
3
26
40

1

How is it useful for logout? – Pankaj Jul 13 '17 at 13:15
@Pankaj Because the session is persistent through your application, and the access token would be available even if you change to other page to log out. – Jose Rojas Jul 13 '17 at 13:25
Where can I check the logout event? – Pankaj Jul 23 '17 at 23:54
@Pankaj What did you mean? where can you check if it does logout from FB? – Jose Rojas Jul 24 '17 at 20:26
I checked, This is merely doing init work. That's it. – Pankaj Jul 24 '17 at 21:36

score 0 · Answer 2 · answered Jul 27 '17 at 11:56

Use FB.getLoginStatus to obtain the active access token maintained by Facebook JS SDK. And use the response to call FB.logout

function fbLogoutUser() {
    FB.getLoginStatus(function(response) {
        if (response && response.status === 'connected') {
            FB.logout(function(response) {
                // needed for older versions of SDK
                FB.Auth.setAuthResponse(null, 'unknown');
                // reload to remove accessToken from browser cookies
                document.location.reload();
            });
        } else{
            // You are not logged in
        }
    });
}

Reloading the page after logout will remove current session's access token from the browser cookies.

In your original code I could see `FB.init`, `FB.AppEvents` and `FB.logout`, If FB is not undefined at that instance, it shouldn't be undefined here too. Make sure you call it after the FaceBook JS SDK is initialized and FB is available. — Newton Joshua, Jul 28 '17 at 05:52
This is the original problem. I am getting exception: FB.logout() called without an access token. — Pankaj, Jul 31 '17 at 01:01

Facebook Logout from my website in Laravel

2 Answers2