3

Facebook 開発は初めてで、サイトにコメント プラグインを追加したいと考えています。
必要な場合に備えて、Facebook でアプリを作成しました。しかし、まだドメインを登録していないので、App Domainセクションを空のままにしました。次に、http: //developers.facebook.com/docs/reference/plugins/comments/
で提供されたコードをコピーして、プラグインをテストしました。しかし、html ファイルでコードをテストしたところ、何も表示されませんでした。

  • コメント プラグインを使用するには appid が必要ですか?
  • appid が必要な場合、まずドメインを購入してApp Domainセクションに追加する必要がありますか? example.comURLでプラグインをテストすることはできますか?
  • 一般的に、コメント プラグインを機能させる最も基本的な方法は何ですか?

更新：Lixの回答に基づいて、ホストファイルを編集して追加しました： 

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>

しかし、まだ運がありません。

4

2 に答える 2

3

私の知る限り、コメント プラグインを使用するにはアプリが必要です (モデレーション機能のためだと思います)。Facebookがコメント ボックス用に生成したコードを見ると、アプリ 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は、ドメインをファイルに追加して、ローカルホスト (127.0.0.1) に解決することです。

そのもう 1 つの部分は、Web サイトのローカル Web サーバーに仮想ホストを作成することです。このようにして、ブラウザでローカル サイトに実際にアクセスし、http://example.comではなくとしてアクセスしますlocalhost/example.com。これを行うために Apache をセットアップする方法については、多くの優れた記事があります。

次に、Facebook アプリの管理者設定がhttp://example.comドメインを許可するように正しく設定されていることを確認します。アプリの「Web サイト」を設定するときは、「サイト URL」を指定する必要があります。新しいローカル ドメインをアプリの「アプリ ドメイン」として追加することもできます。

ごきげんよう！

于 2012-01-27T15:58:00.207 に答える
2

できることは、hostsファイルを編集して「偽の」ローカルドメインを含め、その値をそこに配置することです。

于 2012-01-27T15:16:42.067 に答える