javascript - 为什么这个 Facebook javascript-sdk 登录代码会一次又一次自动登录用户？

Question

在这里，一旦用户从我的网站按下注销按钮，我就无法让用户保持注销状态。他被重定向到登录页面，但使用与他再次登录相同的凭据再次调用 updateButton 函数。我尝试了多种方法，但问题仍然存在。我想我在这里的 updateButton 函数中没有正确执行操作，而且 FB.logout() 也没有正确执行，因为我在控制台中收到错误“FB.logout 在没有访问 token 的情况下调用”。 代码如下:-

            $(function(){

           var button; 

           window.fbAsyncInit = function(){

            FB.init({ appId      : 'myAppId',

            status     : true,
            cookie     : true,
            xfbml      : true,
            oauth      : true
        });



         function updateButton(response) {// I am not sure I am doing it right here
             console.log("Update Button Fired.");
             console.log(response);

               button  = document.getElementById('fb-auth');

                if(response.status === 'connected')
                {
                    FB.api('/me', function(info)
                    {
                        login(response,info); 
                    });
                 } 
                else
                {
                     FB.login(function(response)
                     {
                            if(response.status === 'not_authorized')
                           {
                                FB.api('/me', function(info){
                                    login(response, info); 
                                });
                            } 
                            else
                            {

                            }  
                    }, {scope:'email, user_birthday,user_about_me' });
                }
            }  

          }

        FB.getLoginStatus(updateButton);
        FB.Event.subscribe('auth.statusChange', updateButton);

        };

        (function() {
            var e = document.createElement('script');
            e.async = true;
            e.type = 'text/javascript';
            e.src = document.location.protocol +  '//connect.facebook.net/en_US/all.js';
            document.getElementById('fb-root').appendChild(e);
        })();

        function login(response,info){
            console.log('login Showloader called');
            if (response.authResponse) { 
                var accessToken = response.authResponse.accessToken;
              $.post("/web/register/faceBookRegistration",{ data:info,accessTokenValue:accessToken}).done(                       function(data){
                            if(typeof(data) != undefined){
                                window.location = "/web/login/loadViewFaceLogin";

                            }
                        });
            }


        }
        function logout(response){
           FB.logout(function(response){
              console.log("User is now logged out"); 
           });
        }

      });  

我还认为我注销了

      function logout(response){ 
        FB.logout(function(response){
          console.log("User is now logged out"); 
    });
  }

不正确。在控制台中，它显示 FB.logout 在没有访问 token 的情况下调用。可能是什么原因

Answer 1

我冒昧地重写了你的代码，保留了你的基础:

   // File - fb-init.js

    window.fbAsyncInit = function() {
        FB.init({
            appId      : app_id,
            status     : false,
            cookie     : true,
            xfbml      : true
        });
    };

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

-

    // File - main.js

    $('#fb-login').on('click', function() {
        FB.getLoginStatus(function(responseStatus) {
            if (responseStatus.status === 'connected') {
                FB.api('/me', function(responseMe) {
                    if (!responseMe.id) 
                        return false;
                    var accessToken = responseMe.authResponse.accessToken;
                    $.post('/web/register/faceBookRegistration' {
                        data                : responseMe,
                        accessTokenValue    : accessToken
                    }).done(function(data) {
                        if (typeof(data) !== 'undefined')
                            window.location = '/web/login/loadViewFaceLogin';    
                    });   
                });
            }
            else if (responseStatus.status === 'not_authorized') {
                FB.login(function(responseLogin) {
                    FB.api('/me', function(responseMe) {
                    if (!responseMe.id) 
                            return false;
                        var accessToken = responseMe.authResponse.accessToken;
                        $.post('/web/register/faceBookRegistration' {
                            data                : responseMe,
                            accessTokenValue    : accessToken
                        }).done(function(data) {
                            if (typeof(data) !== 'undefined')
                                window.location = '/web/login/loadViewFaceLogin';    
                        });   
                    });
                }, {scope:'email, user_birthday,user_about_me' });    
            }
            else
                return false;
        });    
    });

    $('#fb-logout').on('click', function() {
        FB.logout(function(responseLogout) {

        });    
    });