在本地實施和測試Facebook社交插件

我是Facebook新手，希望爲我的網站添加評論插件。
我已經在Facebook上創建了一個應用程序，以防萬一需要。但由於我還沒有註冊我的域名，我將App Domain部分留空。
然後我複製給我的代碼：http://developers.facebook.com/docs/reference/plugins/comments/來測試插件。但是當我在html文件中測試代碼時，什麼都沒有顯示出來。在本地實施和測試Facebook社交插件

我需要一個appid來使用評論插件嗎？
如果我需要appid，我應該先購買一個域名並將其添加到App Domain部分中？我可以只用example.com url測試插件嗎？
一般來說，獲取評論插件的最基本方法是什麼？

UPDATE：基於LIX的回答，我已經編輯我的hosts文件，並補充說：

127.0.0.1 www.example.com 
127.0.0.1 example.com 
127.0.0.1 http://www.example.com 
127.0.0.1 http://example.com

這裏是我的測試頁：

<html> 
<head> 
    <title>My Web page</title> 
</head> 
<body> 
    <div id="fb-root"></div> 
    <script>(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/all.js#xfbml=1"; 
     fjs.parentNode.insertBefore(js, fjs); 
     }(document, 'script', 'facebook-jssdk'));</script> 
    <div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div> 
</html>

但仍沒有運氣。

來源

2012-01-27 Kamyar

據我所知，你做需要一個應用程序使用評論插件（我相信適度的功能）。如果你看一下code Facebook generates的評論欄中，你可以看到它有一個應用程序ID：

<div id="fb-root"></div> 
<script>(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/all.js#xfbml=1&appId=MY_APP_ID"; // <-- here 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script>

爲了讓您的應用程序正常工作本地雖然，你將需要建立一個虛擬主機。我通常用http://website1.dev這樣的名字來設置它們。建立一個虛擬主機，如LIX提到，在加入域的hosts文件來解析到localhost（127.0.0.1）的

部分。

另一個部分是在您的本地Web服務器上爲您的網站創建一個虛擬主機。通過這種方式，您實際上在瀏覽器中訪問本地網站的地址爲http://example.com，而不是localhost/example.com。有許多關於如何設置Apache要做到這一點的好文章，這裏有兩個：

http://www.dangrossman.info/2007/08/25/multiple-local-websites-with-apache-in-windows/

http://mezzoblue.com/archives/2004/08/05/virtual_host/

然後，請確保您的Facebook應用程序的管理設置都設置正確地允許http://example.com域。當您設置應用程序「網站」時，您必須指定「網站網址」。您還可以將新的本地域添加爲應用程序「App Domain」。

上帝保佑！

來源

2012-01-27 15:58:00 thaddeusmt

因此，爲了管理目的，需要應用程序ID。謝謝你的洞察力:) – Kamyar 2012-01-27 17:15:17

你可以做的是編輯你的主機文件來包含你的「假」本地域，並將該值放在那裏。

來源

2012-01-27 15:16:42 Lix

請您詳細說明一下。（我知道主機文件。但我不明白你的意思） – Kamyar 2012-01-27 15:18:56

是否可以用example.com進行測試？就像他們在http://developers.facebook.com/docs/reference/plugins/comments/上所做的一樣。 – Kamyar 2012-01-27 15:19:45

當然是。您所需做的就是讓您的本地計算機認爲example.com存在。指向它127.0.0.1 – Lix 2012-01-27 15:23:55

在本地實施和測試Facebook社交插件

回答

相關問題