Блог

У меня есть мобильное веб-приложение, в котором нам нужно войти в систему через Facebook или Google. Ссылка доступна в основном на Facebook, поэтому большинство пользователей будут просматривать мобильное приложение Facebook, прежде чем перейти по ссылке. Но дело в том, что у большинства пользователей возникают проблемы при попытке войти в систему с помощью API входа в FB. Всплывающее окно не отображается, и пользователь остается на странице. Я использую кнопку с идентификатором и javascript, чтобы добавить обработчик событий на кнопку. Но это прекрасно работает в Chrome, но через приложение Facebook всплывающее окно заблокировано. Какова наилучшая практика для этого случая ?

 window.onload=function(){
        document.getElementById("loginFb").addEventListener("click", function(){
            
            FB.login(function(response) {
                if (response.status === 'connected') {
                    // Logged into your app and Facebook.
                    console.log('You are connected');
                    //function getFbUserData(){
                        FB.api('/me', {fields: 'id,name,email'},
                        function (response) {
                            $.post('_ajax/login_facebook.php', {oauth_provider:'facebook',userData: JSON.stringify(response)}, function(data){ return true; }).done(function(data) {
                                 
                            });
                        });
                  } else {
                    // The person is not logged into this app or we are unable to tell. 
                    console.log('You are not connected yet.');
                  }
            }, {scope: 'public_profile,email'});
            
        }, false);
}

window.fbAsyncInit = function() {
    FB.init({
      appId      : '183XXXXXXXXX',
      cookie     : true,
      xfbml      : true,
      version    : 'v11.0',
      status     : true,
      
    });
      
    FB.AppEvents.logPageView();   
      
  };

  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));