Facebook App Authentification utilisateur à l'aide Javascript SDK: URL donnée n'est pas autorisé

StackOverflow https://stackoverflow.com/questions/8828200

Question

Je suis en train de mettre en œuvre la deuxième étape de la boîte de recettes Facebook tutoriel app. Je l'ai suivi les instructions à la première étape pour mettre en place mon application sur Facebook et ont téléchargé le code ci-dessous collé à mon serveur en suivant les instructions à l'étape deux du tutoriel. Quand je charge la page Web et cliquez sur le add-to-timeline lien J'obtiens une erreur Facebook indiquant: 

Given URL is not allowed by the Application configuration.

Toute idée serait grandement apprécié.

Code: 

 <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>
Était-ce utile?

La solution

Dans vos paramètres de l'application, assurez-vous que vous spécifiez domaine est le même domaine que où cette vie de code. De plus dans le code exemple, leur étiquette <head> ressemblait <head prefix="og: http://ogp.me/ns# og_recipebox: http://ogp.me/ns/apps/YOUR_NAMESPACEx#">. Aussi, vous semble manquer le og. Balises dans votre section de tête ainsi

Voici le code exemple que je viens de télécharger sur leur site, ai-je saisis le mauvais lien? Vous basez la vôtre sur l'ancien code exemple? 

<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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top