2

我正在尝试设置我的网站，以便当您进入登录页面时，它会检查是否设置了 cookie，如果设置了则登录应该是自动的 - 即当此页面加载时，它会重定向到创建的“Facebook.ashx”用于记住访问令牌的 cookie。

但是，如果未设置 cookie，则用户必须单击“使用 Facebook 登录”按钮才能继续登录，然后像以前一样继续重定向到“Facebook.ashx”。

这是我的代码 - 目前它总是在用户接受应用程序并继续“Facebook.ashx”后登录

<div id="fb-root"></div>  
<script type="text/javascript">
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'My_App_ID', // App ID
            status: true, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true  // parse XFBML
        });

        // Additional initialization code here

        FB.Event.subscribe('auth.authResponseChange', function (response) {
            if (response.status === 'connected') {
                // the user is logged in and has authenticated your
                // app, and response.authResponse supplies
                // the user's ID, a valid access token, a signed
                // request, and the time the access token 
                // and signed request each expire
                var uid = response.authResponse.userID;
                var accessToken = response.authResponse.accessToken;

                // TODO: Handle the access token
                // Do a post to the server to finish the logon
                // This is a form post since we don't want to use AJAX
                var form = document.createElement("form");
                var redirect = "FacebookLogin.ashx?redirect=" + document.getElementById('redirect').innerHTML;
                form.setAttribute("method", 'post');
                form.setAttribute("action", redirect);

                var field = document.createElement("input");
                field.setAttribute("type", "hidden");
                field.setAttribute("name", 'accessToken');
                field.setAttribute("value", accessToken);
                form.appendChild(field);

                document.body.appendChild(form);
                form.submit();

            } else if (response.status === 'not_authorized') {
                // the user is logged in to Facebook, 
                // but has not authenticated your app
            } else {
                // the user isn't logged in to Facebook.
            }
        });
    };

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

<div class="fb-login-button" scope="email, publish_stream">Login with Facebook</div>

感谢您提前提供任何帮助

4

2 回答 2

1

auth.authResponseChange只要用户登录，就会在每个页面加载时触发。

您要做的是将“已知状态”从服务器传递给客户端，然后在内部进行比较FB.getLoginStatus。如果状态发生了变化（例如用户 ID），那么这构成了一个真正的登录，并且您重定向到 ashx 页面以设置新的 cookie。

举个简单的例子：

  • 第一步 - 加载页面，刷新空状态（userID = 0）
  • 第二步 - 执行 FB.getLoginStatus，比较 authResponse.userID 和 userID
  • 第三步 - 由于 authResponse.userID <> 0，重定向到设置 cookie 的页面
  • 第四步 - 加载页面，刷新状态（userID = userID from authResponse.userID）
  • 第五步 - 执行 FB.getLoginStatus，比较 authResponse.userID 和 userID，因为它们匹配什么都不做。
于 2012-09-05T05:25:09.117 回答
1

我解决了 - 简单的修复

如果您将状态更改为 false 而不是 true，那么它会等待用户单击登录并检查 cookie 是否存在，只需一个简单的 if 语句即可将状态更改为 true 或 false，如下所示：

if (document.cookie.indexOf("fb_token") > 0) //user has already logged in with facebook - process should be automatic
        var fb_status = true;
    else
        var fb_status = false;
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'My App ID', // App ID
            status: fb_status, // check login status
            cookie: true, // enable cookies to allow the server to access the session
            xfbml: true  // parse XFBML
        });
于 2012-09-05T20:02:12.927 回答