0

我正在嘗試執行食譜框Facebook應用教程的第二步。我已經按照第一步中的說明在Facebook上設置我的應用程序,並按照本教程第二步中的說明將以下代碼粘貼到我的服務器上。當我加載網頁並點擊添加到時間線鏈接,我收到了Facebook的錯誤,指出:使用Java腳本SDK的Facebook應用用戶身份驗證:給定的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> 

回答

2

在你的應用程序設置,確保您指定域是同一個域這段代碼住在哪裏。同樣在示例代碼中,它們的<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> 
+0

您發佈的代碼來自教程的第4階段,我發佈的代碼來自第2階段,您只是試圖驗證用戶。從來沒有,你是絕對正確的,在Facebook應用程序的域名中存在拼寫錯誤,一旦我解決了它的問題。謝謝一堆! – 2012-01-12 00:39:37

+1

沒問題。只是幫助我學習更多東西。 :) – DMCS 2012-01-12 02:25:51

相關問題