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

时间:2013-03-28 13:15:36

标签: javascript facebook facebook-javascript-sdk

一旦用户从我的网站按下注销按钮,我就无法让用户注销。他被重定向到登录页面,但是再次使用相同的凭据再次调用updateButton函数。我试过几种方法,但问题仍然存在。我想我在updateButton函数中没有做正确的事情,而且FB.logout()也没有正确完成,因为我在控制台中收到错误“FB.logout调用没有访问令牌”。  代码如下: -

            $(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在没有访问令牌的情况下调用。可能是什么原因

3 个答案:

答案 0 :(得分:4)

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

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

        });    
    });

答案 1 :(得分:1)

无论如何,使用FB.logout()并不是一个好主意,除非你想强迫用户从Facebook(而不是你的网站)注销。

关于弹出窗口,我认为这是因为FB.getLoginStatus(updateButton);它会在每个页面上调用函数updateButton()。

你应该通过onclick功能来改进它。

答案 2 :(得分:0)

当我看到这篇帖子FB.logout() called without an access token时,它确认了我一直认为我的注销没有正确完成。如果完成,我会没事的。

以下是为我做的退出功能代码: -

                function logout(response){

              if(!response.authResponse){
                 window.location = "/web/login/";
                 return;
                }

               FB.logout(function(response){
                 FB.Auth.setAuthResponse(null,'unknown');  
                 logout(response);
              });
        }

正如在上面的链接中所说,我们应该继续发送注销请求,直到它在Facebook端被销毁。我做了一个递归电话,出路就是支票确认了。

我是一个菜鸟,如果有人在制定一个更优雅的黑客,那么只会感到高兴。

感谢'ZeNy'。