我的问题是:
如果我已经登录Facebook,那么它会自动重定向页面并登录我的网站。
我需要的是即使我登录到Facebook,它应该留在页面上,点击“facebook登录”按钮后,它会登录我的网站。
<script>
// 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));
// Init the SDK upon load
window.fbAsyncInit = function() {
FB.init({
appId: 'XXXXXXXXXXX', // App ID
channelUrl: '//' + window.location.hostname + '/channel', // Path to your Channel File
status: true, // check login status
cookie: true, // enable cookies to allow the server to access the session
xfbml: true // parse XFBML
});
FB.Event.subscribe('auth.login', function(response) {
if (response.status === 'connected') {
FB.api('/me', function(me) {
if (me.name) {
// the user is logged in and connected to 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;
done1(uid, accessToken, me.email, me.name);
}
})
}
});
FB.Event.subscribe('auth.logout', function(response) {
});
// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function(response) {
if (response.authResponse) {
// user has auth'd your app and is logged into Facebook
FB.api('/me', function(me) {
if (me.name) {
document.getElementById("authdisplayname").innerHTML = me.name;
if (response.status === 'connected') {
var uid = response.authResponse.userID;
var accessToken = response.authResponse.accessToken;
done1(uid, accessToken, me.email, me.name);
}
}
})
document.getElementById('auth-loggedout').style.display = 'none';
document.getElementById('auth-loggedin').style.display = 'block';
} else {
// user has not auth'd your app, or is not logged into Facebook
document.getElementById('auth-loggedout').style.display = 'block';
document.getElementById('auth-loggedin').style.display = 'none';
}
});
$("#authlogoutlink").click(function() { FB.logout(function() { window.location.reload(); }); });
}
function done1(a, b, c, d) {
document.getElementById("<%= uid.ClientID %>").value = a;
document.getElementById("<%= token.ClientID %>").value = b;
window.location = "http://localhost:59019/fgfgf_2008/new_login.aspx?token=" + b + "&email=" + c + "&name=" + d;
}
</script>
HTML代码:
<div id="fb-root">
</div>
<div>
<div id="auth-status">
<div id="auth-loggedout">
<div class="fb-login-button" onlogin="done();" autologoutlink="true" scope="email,user_checkins">
Log in with Facebook</div>
</div>
<div id="auth-loggedin" style="display: none">
Hi, <span id="authdisplayname" runat="server"></span>(<a href="#" id="authlogoutlink">logout</a>)
</div>
</div>
</div>
答案 0 :(得分:2)
我不是facebook登录问题的主人,但在看完你的问题后,看起来如果facebook用户登录到其facebook帐户,那么它也会自动登录到你的应用程序。但是你希望它在用户点击登录按钮的时候发生,正确。
你可以做的是,你可以制作一个“FacebookLogin()”函数,你可以在点击事件中调用该函数。
类似的东西:
在HTML按钮上
<div class="fb-login-button" onclick="FacebookLogin()" onlogin="done();" autologoutlink="true" scope="email,user_checkins">
Log in with Facebook</div>
我对你的情况不太确定,但它对我有用,尝试一次,删除所有FB.Event.subscribe('auth.login', function(response)
函数,并使用FB.login()函数,然后将用户信息重定向到您想要的页面。在这里,我将其重定向到Login.aspx页面。
在javascript函数中
function FacebookLogin() {
FB.login(function(response) {
if (response.authResponse) {
window.location = "/Login.aspx?NewFacebookConnect=true&accessToken=" + response.authResponse.accessToken + "&userID=" + response.authResponse.userID;
}
});
}