Facebook登录自定义按钮javascript sdk

Question

我正在使用Facebook的JavaScript的SDK。我创建了一个自定义Facebook按钮，我正在使用本地主机。当我连接到Facebook时，我没有获得授权答复。另外当我点击按钮点击功能不起作用。我怎么解决这个问题？

对象{状态： “NOT_AUTHORIZED”，authResponse：空}

HTML代码

<div class="col-md-12 text-center"> 
     <button class="loginBtn loginBtn--facebook" id="test"> 
      <span>Login with Facebook</span> 
     </button> 
    </div> 

JS代码

function statusChangeCallback(response) { 
      console.log(response); 
      if (accessToken) { 
       var accessToken = response.authResponse.accessToken; 
      } 
      if (response.status === 'connected') { 
       testAPI2(accessToken); 
      } else if (response.status === 'not_authorized') { 
       console.log("Err"); 
      } else { 
       console.log("Err"); 
      } 
     } 

     function checkLoginState() { 
      FB.getLoginStatus(function (response) { 
       statusChangeCallback(response); 
      }); 
     } 

     window.fbAsyncInit = function() { 
      FB.init({ 
       appId  : '39798***', 
       cookie  : true, 
       xfbml  : true, 
       version : 'v2.8' 
      }); 

      FB.getLoginStatus(function (response) { 
       statusChangeCallback(response); 
      }); 
     }; 

     (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_EN/sdk.js"; 
      fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk')); 

     function testAPI2() { 
      FB.api('/me', { fields: 'id,name' }, 
       function (response) { 
        var user_id = response.id;//name 
        var name = response.name; 
        var type = 1; 
        $.ajax({ 
         type: 'post', 
         url: "services/services.php", 
         //dataType : 'json', 
         data: { 
          type: 'facebookLogin', 
          facebookId: user_id 
         }, 
         async: true, 
         cache: false, 
         success: function (data) { 
          console.log(data); 
          setTimeout(function() { 
          }, 1000); 
         }, 
         error: function (data) { 
          console.log(data); 
          console.log("An error occurred"); 
         } 
        }); 
       } 
      ); 
     } 

      $("#test").click(function(){ 
       checkLoginState(); 
      }); 

Answer 1

你必须使用FB.login个授权用户：

document.getElementById('test').addEventListener('click', function() { 
    //do the login 
    FB.login(statusChangeCallback, {scope: 'email,public_profile', return_scopes: true}); 
}, false); 

例如：http://www.devils-heaven.com/facebook-javascript-sdk-login/