Функция обратного вызова FB не отвечает, если пользователь уже вошел в Facebook - PullRequest
Новая
       1

Функция обратного вызова FB не отвечает, если пользователь уже вошел в Facebook

16 голосов
/ 17 декабря 2011

Я использую fb connect используя js.Это мой код: 

<script>
    window.fbAsyncInit = function() {
      FB.init({
        appId      : 'xxxxxxxxxxxxxxxx',
        status     : true, 
        cookie     : true,
        xfbml      : true,
        oauth      : true
      });

      FB.Event.subscribe('auth.login', function(response) {
        obj=response.authResponse;
        token=obj.accessToken;
        setCookie("access_token_fb", token, '2');

        window.location.reload();
      },true);
    };
    (function(d){
       var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       d.getElementsByTagName('head')[0].appendChild(js);
     }(document));
  </script>

для входа, который я использую: 

 <div class="fb-login-button" scope="email,user_checkins"  >Login with Facebook</div>

'auth.login' в функции подписки имеет обработчик ответа, который вызывается только при нажатии пользователем накнопку fb и еще не вошли в FB, введите его / ее адрес электронной почты и пароль в окне fb.В то время как если пользователь уже вошел в Facebook, то диалог fb открывается и закрывается.Затем он не передает управление ответчику.Я где-то читал, что force = "true" позволяет ему определять изменение статуса и вызывать функцию обратного вызова.Но я не знаю, куда добавить силу.Я думаю, что это должно быть в логине div.Это правда или есть какой-то другой подход?

спасибо за ваше время.

Ответы [ 6 ]

11 голосов
/ 05 января 2012

Метод 1:

Хотя я считаю, что DMCS дал правильное решение проблемы, здесь есть другой подход. Используйте метод FB.login с пользовательской ссылкой для входа. 

<script>
window.fbAsyncInit = function() {
    FB.init({
        appId: 'YOUR-APP-ID',
        status: true,
        cookie: true,
        xfbml: true,
        oauth: true
    });
};

function facebookLogin() {
    FB.login(function(response) {
        if (response.authResponse) {
            console.log('Authenticated!');
            // location.reload(); //or do whatever you want
        } else {
            console.log('User cancelled login or did not fully authorize.');
        }
    },
    {
        scope: 'email,user_checkins'
    });
}

(function(d) {
    var js,
    id = 'facebook-jssdk';
    if (d.getElementById(id)) {
        return;
    }
    js = d.createElement('script');
    js.id = id;
    js.async = true;
    js.src = "//connect.facebook.net/en_US/all.js";
    d.getElementsByTagName('head')[0].appendChild(js);
} (document));
</script>

Разметка кузова: 

<div id='fb-root></div><!-- required for SDK initialization -->
<a id='fb-login' href='#' onclick='facebookLogin()'>Login with Facebook</a>

Когда вы нажимаете на кнопку, она запускает функцию обратного вызова внутри FB.login.

Метод 2:

В качестве альтернативы, используя плагин кнопки входа в FB, вы можете подписаться на auth.statusChange и проверить статус пользователя в ответе. 

FB.Event.subscribe('auth.statusChange', function(response) {
  // check for status in the response
});

Обратите внимание, что если вы используете плагин кнопки входа в систему fb, а пользователь уже вошел в систему и подключился к приложению, кнопка входа не отображается (см. Ее в документации здесь )

5 голосов
/ 05 января 2012

Я бы посоветовал позволить Facebook сделать тяжелую работу за вас. Обратите внимание на некоторые изменения: 1. указано channelUrl, 2. использование FB.getLoginStatus 3. удаление настроек cookie. 4. изменение события для прослушивания (например, если они выходят из системы в другом окне или отключают ваше приложение в другом месте и т. Д.) 

    <script>
        window.fbAsyncInit = function() {
        FB.init({
            appId      : 'xxxxxxxxxxxxxxxx',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
            channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html' // Channel File
        });

        FB.getLoginStatus(function(response) {
            if (response.status === 'connected') {

                var uid = response.authResponse.userID;
                var accessToken = response.authResponse.accessToken;

                // Do something with the access token


            } else {
                // Subscribe to the event 'auth.authResponseChange' and wait for the user to autenticate
                FB.Event.subscribe('auth.authResponseChange', function(response) {
                    // nothing more needed than to reload the page
                    window.location.reload();
                },true);      

                // now dynamically show the login plugin
                $('#mydiv').show();      
            }
        });


        };
        (function(d){
            var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
            js = d.createElement('script'); js.id = id; js.async = true;
            js.src = "//connect.facebook.net/en_US/all.js";
            d.getElementsByTagName('head')[0].appendChild(js);
        }(document));
  </script>
2 голосов
/ 04 января 2012

Когда вы инициализируете FB SDK с помощью status:true, он получит статус входа от пользователя и сохранит его.С этого момента, когда вы звоните на FB.getLoginStatus(), он не получает доступа к получению последних данных из FB, а вместо этого ссылается на локально сохраненные переменные, которые были установлены в точке FB.init() - я думаю, что они обновляются только каждые 20 минут(см. https://github.com/facebook/facebook-js-sdk/commit/5b15174c7c9b9ea669499804d4a4c7d80771b036) - однако вы можете принудительно выполнить обновление, выполнив следующее: 

FB.getLoginStatus(function() {...}, /*FORCE*/ true);

Это должно затем запустить ваше событие auth.login, или вы можете просто передать обработчик, определенный для этого события, вFB.getLoginStatus.

Можно даже пойти дальше и опросить эту функцию, например: 

setTimeout(function() {
    FB.getLoginStatus(function() {...}, /*FORCE*/ true);
}, 10000); // poll every 10 seconds
1 голос
/ 28 марта 2013

Измените с «status: true» на «status: false», и я верю, что это будет делать то, что вы хотите.Проблема в статусе: true вызывает проверку состояния при инициализации, поэтому нечего менять, когда пользователь нажимает кнопку.

Здесь вы найдете ответ на предпоследний комментарий: http://www.bubblefoundry.com/blog/2011/03/the-facebook-login-button-and-logging-into-your-webapp/

0 голосов
/ 19 августа 2016

Это работает: 

FB.getLoginStatus(function(response) {
//only works when page loads, use FB.Event.subscribe for status change      
    statusChangeCallback(response);
    FB.Event.subscribe('auth.statusChange', function(response){
        //yay! do whatever here, there was a status change
    },true);  

});
0 голосов
/ 05 января 2012

Вам нужно заменить 

FB.Event.subscribe('auth.authResponseChange', function(response){

с 

FB.Event.subscribe('auth.statusChange', function(response){

Как событие auth.authStatusChange при изменении состояния, независимо от того, вошли ли вы в систему или войдите, указав учетные данные.

спасибо

...