[英]how do I detect if user logged in using my login button or login from facebook?
[英]How do I stop my Facebook login popup from appearing if user is already logged into FB?
我有一个“登录Facebook”按钮,生成一个弹出窗口,要求用户输入FB凭据。
在用户已经加入我的应用程序的情况下,离开应用程序然后返回(同时仍然登录到Facebook),我希望用户能够点击“使用Facebook登录”而不显示弹出窗口。
目前,鉴于上面段落中的情况,弹出窗口打开一秒钟,然后页面重定向到应用程序的登录状态。
我已经在下面实现了以下代码 - 当谈到Javascript时我是一个完整的菜鸟,所以答案可能很明显,我不知道该怎么办!
window.fbAsyncInit = function() {
FB.init({
appId : '372191216164729',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function(d) {
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
$(function() {
$('#fb_connect').click(function(e) {
e.preventDefault();
FB.login(function(response) {
if (response.authResponse) {
// $('#connect').html('Connected! Hitting OmniAuth callback (GET /auth/facebook/callback)...');
//this might not be the best way to do this ...
$('#welcome_form').submit();
// since we have cookies enabled, this request will allow omniauth to parse
// out the auth code from the signed request in the fbsr_XXX cookie
// $.getJSON('/auth/facebook/callback', function(json) {
// $('#connect').html('Connected! Callback complete.');
// $('#results').html(JSON.stringify(json));
// });
}
}, { scope: 'email, read_stream' });
});
});
页面加载后,然后加载并初始化fb sdk后,使用FB.getLoginStatus方法检查用户状态。 如果用户已经登录并授权您的应用程序,则响应应具有访问令牌,用户ID等。
例如:
FB.getLoginStatus(function(response) {
if (response.status === "connected") {
// use the response.authResponse
}
else if (response.status === "not_authorized") {
FB.login(function(response) {
...
}, { scope: "email, read_stream" });
}
else {
// user not logged in to facebook
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.