Question

我正在尝试将Facebook登录与我的网站集成，我正在通过本地主机测试我的Facebook登录。这是我按照Facebook JavaScript SDK指南中的说明生成的代码。

<html>
<body>
<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '*************', // App ID
      channelUrl : 'http://localhost', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
    // connected
    testAPI();
  } else if (response.status === 'not_authorized') {
    // not_authorized
    login();
  } else {
    // not_logged_in
    login();
  }
 });
  };

  function login() {
    FB.login(function(response) {
        if (response.authResponse) {
            // connected
            testApi();
        } else {
            // cancelled
            console.log('Login failed!');
        }
    });

    function testAPI() {
    console.log('Welcome!  Fetching your information.... ');
    FB.api('/me', function(response) {
        console.log('Good to see you, ' + response.name + '.');
    });
}
}

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

它说它无法加载资源：file://connect.facebook.net/en_US/all.js它基本上失败了GET all.js.怎么了？

我的Facebook App控制面板localhost作为AppDomain，网站网址为http://localhost。

Answer 1

请尝试以下代码。

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

Answer 2

2018更新答案：

1）测试HTML文件无法加载为file://需要加载到Web服务器下（例如：http://localhost/test.html）

2）禁用脚本/广告拦截器。他们中的大多数人都把FB SDK视为＆＃34; evil＆＃34;并阻止它。

Facebook JS SDK无法加载资源

2 个答案: