Facebook App Java Script SDKを使用したユーザー認証：URLが許可されていない

私はレシピボックスのFacebookアプリのチュートリアルのステップ2を実装しようとしています。私はFacebook上で私のアプリケーションをセットアップするために、ステップ1の指示に従って、チュートリアルのステップ2の指示に従って、下に貼り付けられたコードを私のサーバにアップロードした。ウェブページを読み込んでタイムラインの追加リンクをクリックすると、Facebookエラーが表示されます。Facebook App Java Script SDKを使用したユーザー認証：URLが許可されていない

Given URL is not allowed by the Application configuration.

洞察力があれば幸いです。

コード：アプリの設定で

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" 
    xmlns:fb="https://www.facebook.com/2008/fbml"> 
<head> 
<head/> 
<body> 
<div id="fb-root"></div> 
<script src="http://connect.facebook.net/en_US/all.js"></script> 
<script> 
    FB.init({ 
     appId:'328617653826422', cookie:true, 
     status:true, xfbml:true, oauth:true 
    }); 
</script> 

<fb:add-to-timeline></fb:add-to-timeline> 

<h3> 
    <font size="30" face="verdana" color="grey"> 
     Stuffed Cookies 
    </font> 
</h3> 
<p> 
    <img title="Stuffed Cookies" 
      src="http://example.com/cookie.jpg" 
      width="550"/> 
</p>  
</body> 
</html>

出典

2012-01-11 Ben Pearce

、指定したドメインが、このコードが住んでいる場所と同じドメインであることを確認してください。また、サンプルコードでは、<head>タグは<head prefix="og: http://ogp.me/ns# og_recipebox: http://ogp.me/ns/apps/YOUR_NAMESPACEx#">のように見えます。また、あなたの頭のセクションにもog：タグがありません。

ここでは、自分のサイトからダウンロードしたサンプルコードを示しますが、間違ったリンクを取得しましたか？あるいは、古いサンプルコードをベースにしていますか？

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 

<head prefix="og: http://ogp.me/ns# og_recipebox: http://ogp.me/ns/apps/YOUR_NAMESPACEx#"> 
    <meta property="fb:app_id" content="YOUR_APP_ID" /> 
    <meta property="og:type" content="YOUR_NAMESPACE:recipe" /> 
    <meta property="og:title" content="Oreo Stuffed Cookies" /> 
    <meta property="og:image" content="http://YOUR_URL/cookie.jpg" /> 
    <meta property="og:description" content="The Turducken of Cookies" /> 
    <meta property="og:url" content="http://YOUR_URL/cookie.html"> 

    <script type="text/javascript"> 
    function postCook() 
    { 
     FB.api('/me/YOUR_NAMESPACE:cook&recipe=http://YOUR_URL/cookie.html','post', function(response) { 
      if (!response || response.error) { 
       alert('Error occured'); 
       } else { 
       alert('Post was successful! Action ID: ' + response.id); 
       } 
     }); 
    } 
    </script> 
</head> 

<body> 
    <div id="fb-root"></div> 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
    <script> 
     FB.init({ 
      appId:'YOUR_APP_ID', cookie:true, 
        status:true, xfbml:true, oauth:true 
     }); 
     </script> 
     <fb:add-to-timeline></fb:add-to-timeline>> 
     <h3> 
      <font size="30" face="verdana" color="grey">Stuffed Cookies 
      </font> 
     </h3> 
     <p> 
      <img title="Oreo Stuffed Cookies" src="http://YOUR_URL/cookie.jpg" width="550"/><br /> 
     </p>  

     <form> 
      <input type="button" value="Cook" onclick="postCook()" /> 
     </form> 

     <fb:activity actions="YOUR_NAMESPACE:cook"></fb:activity> 
    </body> 
</html>

出典

2012-01-11 23:38:48 DMCS

投稿したコードは、チュートリアルの第4段階からのものです。投稿したコードは、ユーザーを認証しようとしている段階2のものです。アプリケーションのFacebook設定のドメイン名にタイプミスがあっても、それがうまく機能していたのを修正しただけで、絶対に正しいとは限りませんでした。本当にありがとう！ –

問題ありません。ちょうど私がより多くのものを学ぶのを手助けするのを助ける:) – DMCS

Facebook App Java Script SDKを使用したユーザー認証：URLが許可されていない

答えて

関連する問題