Интеграция Facebook JavaScript SDK в wordpress

Что я хочу достичь, так это то, что я хочу знать, является ли какой-то пользователь логином в facebook, используя мой плагин.Интеграция Facebook JavaScript SDK в wordpress

Что я сделал, я следовал инструкциям facebook.

Ниже <body> в моем заголовке в WordPress Я добавил

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : 'my_app_id', 
     xfbml  : true, 
     version : 'v2.7' 
    }); 
    }; 

    (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')); 
</script>

Я добавил свой идентификатор приложения там также

В плагине я использовал учебник выше о том, как идентифицировать пользователя. Поэтому я добавил этот код плагина

<script type="text/javascript"> 

    FB.getLoginStatus(function(response) { 
    if (response.status === 'connected') { 
    // the user is logged in and has authenticated your 
    // app, and response.authResponse supplies 
    // the user's ID, a valid access token, a signed 
    // request, and the time the access token 
    // and signed request each expire 

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

    document.write('connected'); 
    } else if (response.status === 'not_authorized') { 
    // the user is logged in to Facebook, 
    // but has not authenticated your app 
    document.write('not_authorized'); 
    } else { 
    // the user isn't logged in to Facebook. 
    document.write('not connected'); 
    } 
}); 


</script>

Но проблема в том, что она не будет работать. Ничего не отображается.

Я поступаю правильно? или я чего-то не хватает?

источник

2016-08-30 Ikong

я не уверен, что вы ожидаете произойдет. вы отлаживали код? «ничего не отображается» не является достаточным описанием ошибки, вам нужно быть более конкретным. как насчет console.log и инструментов вашего браузера? также нет кода входа, поэтому, конечно, пользователь никогда не разрешен ... – luschn

вы должны прочитать это (и документы в facebook): http://www.devils-heaven.com/facebook-javascript-sdk-login/ – luschn

В соответствии с документами --- >> пользователь вошел в систему Facebook и аутентифицировал ваше приложение (связанное) - >>> пользователь вошел в систему Facebook, но не выполнил аутентификацию вашей заявки (not_authorized) --- >> пользователь либо не входит в систему Facebook, либо явно выходил из приложения, поэтому не пытается подключиться к Facebook, и поэтому мы не знаем, были ли они аутентифицированы вашей заявкой или нет (неизвестно) – Ikong

Думаете, вы должны показать кнопку Facebook для входа в систему с помощью facebook. например:

<div class="fb-status text-center"> 
    <fb:login-button data-size="xlarge" scope="public_profile,email,user_photos"> 
    </fb:login-button> 

    <div id="status"> 
    </div>

Потом как-то вам нужно знать, что пользователь попытался войти в систему с Facebook и только потом проверить, если пользователь может использовать свое имя, адрес электронной почты и другие варианты, что вы определили в области.

В моем плагине было так. Я знаю, что это плохая практика, но она работает для меня.

<script> 
    fbGalleries.loginStatus = false; 

    function checkLoginState() { 
      FB.getLoginStatus(function(response) { 
       statusChangeCallback(response); 
      }); 
      if (fbGalleries.loginStatus == false) { 
       setTimeout(checkLoginState, 2000); 
      } 
      else { 
       $('.fb-status').remove(); 
      } 
     } 

     window.fbAsyncInit = function() { 
      FB.init({ 
       appId  : '*****************', 
       cookie  : true, // enable cookies to allow the server to access 
            // the session 
       xfbml  : true, // parse social plugins on this page 
       version : 'v2.5' // use graph api version 2.5 
      }); 

     }; 

     // 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')); 

    function statusChangeCallback(response) { 
     if (response.status === 'connected') { 
      testAPI(); 
     } else if (response.status === 'not_authorized') { 
      document.getElementById('status').innerHTML = 'Please log ' + 
       'into this app.'; 
     } else { 
      document.getElementById('status').innerHTML = 'Please log ' + 
       'into Facebook.'; 
     } 
    } 

    function testAPI() { 
     FB.api('/me', function(response) { 
      console.log('Successful login for: ' + response.name); 
      document.getElementById('status').innerHTML = 
       'Thanks for logging in, ' + response.name + '!'; 
      getFbPhotos(); //in my case pooling user photo galeries 
      fbGalleries.loginStatus = true; 
     }); 
    } 

</script>

Некоторые, где вам нужно запустить checkLoginState();

источник

2016-08-30 12:24:28 Beneris

Интеграция Facebook JavaScript SDK в wordpress

ответ

Смежные вопросы