facebookログインボタン

Question

私は自分のウェブサイトでfacebook認証（register + login）を実装しています。すべては私がログインしていても、表示ボタンを除き、正常に動作します。事前に感謝

<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：login-buttonを表示するかどうかを判断するコールバック関数をFB.initに書き込みます。

それはこのようなものになります。

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(); 
     } 
    }); 
};