次のコードを使用して、ユーザーがログインできるようにしています。それは完全に機能しますが、サインインではなくウェブサイトの名前が表示されるという問題があります。サインアウトすると、ユーザーはサインアウトできなくなります。ユーザーがサインアウトできるようにするには、どのように変更すればよいですか? 吹き飛ばされたコメントに基づいて autologoutlink="true" を追加し、singout が表示されるようになりましたが、ユーザーがサインインすると、次のように文章を書きます jack は myproject にログインしています (jack はユーザー名で、myproject は私のプロジェクトの名前です)
<html>
<head></head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR_APP_ID', // App ID
channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // 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.authResponseChange', function(response) {
if (response.status === 'connected') {
testAPI();
} else if (response.status === 'not_authorized') {
FB.login();
} else {
FB.login();
}
});
};
(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));
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Good to see you, ' + response.name + '.');
});
}
</script>
<fb:login-button show-faces="true" width="200" max-rows="1"></fb:login-button>
</body>
</html>