当页面重新加载时，getLoginStatus javascript facebook消失

Question

我实现了 facebook 连接，它工作正常。

这个函数在登录后返回我的名字。

FB.getLoginStatus(function (response) {
    if (response && response.status === 'connected') {
         FB.api('/me', function(response) {
            console.log('Good to see you, ' + response.name + '.');
        });
        //console.log('connected');
    } else {
        console.log('not connected with FB');
    }
});

但是，当我重新加载页面时，我想起了这个函数，它返回“未与 FB 连接”。

我加入我的登录功能来帮助：

    FB.login(function(response) {

    if (response.authResponse){
      //L'utilisateur a autorisé l'application
      //window.location.replace("http://adresse/de/redirection");
    } else {
      //L'utilisateur n'a pas autorisé l'application
    }
  }, {scope: 'public_profile,user_friends,email'});

我在 facebook 文档中找不到任何解决方案

为了显示这个问题，我的控制台日志是这样的： console log with my code

编辑：请附上我的完整代码。 我从本地主机处理

<!DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta charset="UTF-8">

</head>
<body>

<button id="loginBtn">Facebook Login</button>
<div id="response"></div>

</body>
<script>

function getUserData() {
    FB.api('/me', function(response) {
        document.getElementById('response').innerHTML = 'Hello ' + response.name;
    });
}

window.fbAsyncInit = function() {
    //SDK loaded, initialize it
    FB.init({
        appId      : 'XXXX',
        xfbml      : true,
        version    : 'v2.2'
    });

    //check user session and refresh it
    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            //user is authorized
            document.getElementById('loginBtn').style.display = 'none';
            getUserData();
        } else {
            console.log(response.status);
            //user is not authorized
        }
    });
};

//load the JavaScript SDK
(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'));

//add event listener to login button
document.getElementById('loginBtn').addEventListener('click', function() {
    //do the login
    FB.login(function(response) {
        if (response.authResponse) {
            //user just authorized your app
            document.getElementById('loginBtn').style.display = 'none';
            console.log(response);
            getUserData();
        }
    }, {scope: 'public_profile,user_friends,email', return_scopes: true});
}, false); 
</script>
</html>

谢谢支持

Answer 1

对于草率阅读此页面的任何人（就像我一样），正确答案已作为对该问题的评论发布。

解决方案是在调用 FB.init 时将cookie: true添加到选项对象。

当页面重新加载时，getLoginStatus javascript facebook消失

问题描述

1 个解决方案

解决方案1
10 已采纳 2016-08-11 11:08:02

当页面重新加载时，getLoginStatus javascript facebook消失

问题描述

1 个解决方案

解决方案1 10 已采纳 2016-08-11 11:08:02

解决方案1
10 已采纳 2016-08-11 11:08:02