Facebook登錄按鈕

Question

我正在我的網站實施Facebook身份驗證（註冊+登錄）。一切工作正常，除了即使我登錄的按鈕顯示。在此先感謝

<h1 id="welcome">Welcome to my website</h1> 
<div id="fb-root"></div> 
<span id="fb-login" class="hidden"> 
<fb:login-button registration-url="http://lemiart.com/register.php"></fb:login-button> 
</span> 
<script src="https://connect.facebook.net/en_US/all.js#appId=306738122732711&xfbml=1"></script> 
<script type="text/javascript"> 
FB.init({appId: '306738122732711', status: true, cookie: true, xfbml: true}); 

FB.Event.subscribe('auth.login', function(){ 
    loggedIn(); 
}); 

FB.getLoginStatus(function(response){ 
    if (response.session){ 
    // user logged in. Let the auth.login subscription handle this 
    } else { 
     loggedOut(); 
    } 
}); 

loggedIn = function() { 
    FB.api('/me', function(response) { 
    var welcome = document.getElementById('welcome'); 
    if (welcome) welcome.innerHTML += ' ' + response.id; 
    document.getElementById('fb-login').className = "hidden"; 
    }) 
} 

loggedOut = function() { 
    document.getElementById('fb-login').className=""; 
} 
</script> 

Answer 1

您目前的實施將始終提示用戶登錄。你可能需要做的是：

寫一個回調函數給FB.init，然後檢查用戶是否登錄到你的應用程序，然後決定是否要顯示fb：登錄按鈕。

這將是這個樣子：

window.fbAsyncInit = function() { 
    FB.init({ 
     //... 
    }); 

    FB.getLoginStatus(function(response){ 
     FB.getLoginStatus(function(response){ 
      if (response.session){ 
       // user logged in. Let the auth.login subscription handle this 
     } else { 
      loggedOut(); 
     } 
    }); 
};