0
'JavaScript SDK로 웹 로그인을위한 페이스 북 로그인'을 사용하면 로그인 버튼이 정상적으로 작동합니다. 즉, 사용자가 OK (https://developers.facebook.com/docs/facebook-login/web#loginbutton)에 로그인했습니다.Facebook 로그인 버튼이 자동으로 로그 아웃되지 않습니다.
그러나 페이지를 새로 고침하기 전까지는 버튼이 로그 아웃 버튼으로 변경되지 않습니다. 새로 고침 후 로그 아웃 버튼이 표시되고 클릭하면 예상대로 로그인 버튼으로 되돌아갑니다. 다음은 IIS 내에서 실행할 수있는 전체 코드입니다. 나는 그것을 기본 웹 사이트에 넣고 http://localhost/aspnet_client/system_web/4_0_30319/test.html라고 불렀다.
참고 : 여기에 APP ID를 추가하여 애플리케이션 ID를 추가하십시오.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
<div class="row margin-bottom-small">
<div id="login-button" class="fb-login-button" data-max-rows="1" data-size="xlarge" data-show-faces="false" data-auto-logout-link="true" onlogin="checkLoginState();"></div>
<div id="status"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
function statusChangeCallback(response) {
console.log('statusChangeCallback');
console.log(response);
if (response.status === 'connected') {
testAPI();
}
}
function checkLoginState() {
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
}
window.fbAsyncInit = function() {
FB.init({
appId : 'ADD YOUR APP ID HERE',
cookie : true, // enable cookies to allow the server to access the session
xfbml : true, // parse social plugins on this page
version : 'v2.8' // use graph api version 2.8
});
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
};
// Load the SDK asynchronously
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// Here we run a very simple test of the Graph API after login is
// successful. See statusChangeCallback() for when this call is made.
function testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});
}
</script>
</body>
</html>
FB 코드는 내가 프로그래밍 방식으로 페이지를 새로 고침하지 않으
https://developers.facebook.com/docs/facebook-login/web#example에서입니다. 그것은 단일 페이지 응용 프로그램이며 페이지를 새로 고치면 처음부터 시작됩니다.
감사합니다.