Блог

Главная - Вопросы по программированию - вход в facebook с использованием пользовательских прослушивателей

вход в facebook с использованием пользовательских прослушивателей

#javascript #jquery #facebook #facebook-graph-api

#javascript #jquery #Facebook #facebook-graph-api

Вопрос:

Я пытаюсь создать пользовательскую кнопку входа в систему, и я не уверен, что правильно реализую facebook JS API:

 <html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
</head>
<body>
<div id="fb-root"></div>
<button id="fb-login">Login</button>
<script>

(function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol   '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
}());


window.fbAsyncInit = function() {
    FB.init({appId: '160525653984605', status: true, cookie: true});
    FB.getLoginStatus(function(response) {
        if (response.session) {
            $("#fb-login").html = "Logout";
            $("#fb-login").unbind();
            $("#fb-login").bind("click", logout);
            console.log('User is logged in.');
        }

          else {
            $("#fb-login").unbind();
            $("#fb-login").bind("click", login);
            console.log('User is not logged in.');
        }
    });
  };

function login(){
        FB.login(function(response) {
            if (response) {
                console.log('Login success. Checking auth_nonce...');
        //      window.location = "http://wall-et.com/index.php/test/welcome/"
                $("#fb-login").html = 'Logout';
            }
            else {
                console.log('Login cancelled.')
            }
        },
        {auth_type: 'reauthenticate', auth_nonce: 'abcd1234' });
}

function logout(){
        FB.logout(function(response) {
            $("#fb-login").html = "Login";
    });
}

</script>
</body>
</html>

Ответ №1:

У вас есть две функции входа, измените на выход 😉