Facebook JavaScript SDK示例未导航到登录提示

时间:2017-04-25 16:16:08

标签: javascript facebook

使用Facebook Developer的完整代码示例,我在弹出窗口中得到以下结果:

Not Logged In: You are not logged in. Please login and try again.

我甚至试图使用https://developers.facebook.com/docs/facebook-login/web中的插件配置器来简化流程,但无济于事。

我正在localhost中测试,所以也许这与它有关,但我在Site URL部分和Client OAuth Settings->Valid OAuth redirect URIs部分配置了localhost网址。

这是我的示例代码

<!DOCTYPE html>
<html>
<head>
<title>Facebook Login JavaScript Example</title>
<meta charset="UTF-8">
</head>
<body>
<div id="fb-root"></div>
<script>(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#xfbml=1&version
                                    =v2.9&appId=150195524676348";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-login-button" data-max-rows="1" data-size="medium"
     data-button-type="login_with" data-show-faces="false"
     data-auto-logout-link="true" data-use-continue-as="false"
</div>

</body>
</html>

Facebook的文档并没有清楚地向我解释很多事情,我真正想做的是通过Facebook验证用户的帐户并获得访问令牌。

1 个答案:

答案 0 :(得分:1)

问题解决了:

在我的Facebook Developer应用帐户中,在“产品”下,“有效OAuth重定向URI”未设置为正确的localhost端口。在我纠正之后,我开始收到登录提示。