facebook代码在本地机器上不起作用答案

【问题标题】：facebook code not working on local machinefacebook代码在本地机器上不起作用
【发布时间】：2012-09-03 17:14:11
【问题描述】：

我正在使用下面的代码并尝试在我的本地机器上运行。我无法连接到 facebook。可能是什么问题？

<html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>

      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '', // App ID
            channelUrl : ' ', // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });
    function publish(){
          FB.ui({ method: 'feed', 
              message: 'Facebook for Websites is super-cool'});
        };
}
        // Load the SDK Asynchronously
        (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 = "http://connect.facebook.net/en_US/all.js";
           ref.parentNode.insertBefore(js, ref);
         }(document));
      </script>
    <button onclick="publish()">PUBLISH ON FACEBOOK</button>
    </body>
 </html>

【问题讨论】：

您还包括 FB 库...在哪里？ FB 有宏伟的幻想和不可或缺的幻想，但它还没有大到它的库默认内置在浏览器中。
什么是 FB 库？我应该在哪里包括它？如果您询问 APP ID，我有它和频道 URL，因为它是可选的，所以我将其留空。对不起，我对这件事很陌生，所以我问这个微不足道的疑问..

标签： facebook post message local

【解决方案1】：

您的代码看起来不错（假设您传递了正确的应用 ID） - 但您应该在在线环境中进行测试。一种在本地机器上进行测试的方法是编辑你的主机文件，这样当你转到http://example.com时，它会链接到你的http://localhost/yourapp

这是怎么做的：

窗户：-

http://www.trailheadinteractive.com/creating_multiple_virtual_sites_a_single_apache_install_windows_xp（您的 localhost URL 应具有有效的网站格式：127.0.0.1 dummydomainname.tld）
MacOS：http://danilo.ariadoss.com/how-to-setup-virtual-hosts-mamp-environment/（再次确保您的网站格式有效）

完成此操作后，返回您的应用设置并编辑“应用域”字段以指向您的虚拟主机。

说实话，您最好在实际服务器上尝试一下。您可以考虑使用 phpfog.com 或 heroku.com（您可以直接从应用设置仪表板获得创建 Heroku 帐户的链接）。

【讨论】：

修改你的主机文件不会使你的本地测试服务器成为一个“在线环境”——它只是改变你的浏览器对你在调用时使用的主机名进行 DNS 解析的方式你的测试脚本。但这不是必需的，因为通过http://localhost/… 进行测试可以正常工作（除非您使用的东西需要 Facebook 的服务器从/连接到您的域的数据，例如共享链接 - 但在您自己的主机文件中设置域确实如此在这方面也没有任何好处）。

【解决方案2】：

要在本地开发，首先在facebook app设置中更改设置：

Facebook-->Settings-->Basic，在"App中写"localhost" 域” 字段，然后点击“+添加平台”选择“网站”。

然后在 “Site Url” 字段中写下您的本地主机网址（例如： http://localhost:1337/something)。

【讨论】：