2012-10-16 4 views
0

Je suis en train de faire ce tutoriel https://developers.facebook.com/docs/howtos/login/getting-started/Facebook programmation OAuth, en essayant d'obtenir un utilisateur à authentifier

Je l'ai fait tout le nécessaire (je pense) que ce tutoriel comme prévu. Son but est de permettre à votre page Web d'authentifier les informations Facebook d'un utilisateur en utilisant OAuth.

Le code HTML de mon est la suivante ...

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
function main(){ // runs all the other methods when needed, and maintains the proper path from making the form to posting to Facebook 
    var imageURL = getImageURL(); 
    $("img[src='" + imageURL + "']").after("</br><form><input type=\"checkbox\" name=\"geo\" value=\"geolocation\"><b>Use Geolocation?</b> </br> <b>Additional Information About the Image: </b> <input type=\"comment\" name=\"cmnt\"></form>"); 
    alert("Form should have been placed."); 
} 

function getImageURL(){ 
    var url = "http://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/200px-Solid_black.svg.png"; 
    return url; 
} 

function login() { 
    FB.login(function(response) { 
     if (response.authResponse) { 
      // connected 
      testAPI(); 
     } else { 
      // cancelled 
     } 
    }); 
} 

function testAPI() { 
    alert('Welcome! Fetching your information.... '); 
    FB.api('/me', function(response) { 
     alert('Good to see you, ' + response.name + '.'); 
    }); 
} 
</script> 
</head> 
<body onload="main()"> 
    <div id="fb-root"></div> 
    <script> 
    //----------------------------- 
    // This is an initilization script created by Facebook. 
    //----------------------------- 
    // Additional JS functions here 
    window.fbAsyncInit = function() { 
FB.init({ 
    appId  : 'hiddenappid', // App ID 
    channelUrl : 'hiddenwebpage', // Channel File 
    status  : true, // check login status 
    cookie  : true, // enable cookies to allow the server to access the session 
    xfbml  : true // parse XFBML 
}); 

    // Additional init code here 
    FB.getLoginStatus(function(response) { 
     if (response.status === 'connected') { 
      // connected 
     } else if (response.status === 'not_authorized') { 
      // not_authorized 
      login(); 
     } else { 
      // not_logged_in 
      login(); 
     } 
    }); 
    }; 

    // Load the SDK Asynchronously 
    (function(d){ 
    var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement('script'); js.id = id; js.async = true; 
    js.src = "//connect.facebook.net/en_US/all.js"; 
    ref.parentNode.insertBefore(js, ref); 
    }(document)); 
</script> 

<b> Page </b> 
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Solid_black.svg/200px-Solid_black.svg.png"> 

</body> 
</html> 

Il est un peu de code, mais il est surtout tout le code du tutoriel. Vous pourriez essentiellement ignorer le reste.

Je me demande simplement comment faire pour exécuter ce script d'authentification? Quand je démarre la page rien ne se passe.

En outre, je ne suis pas en cours d'exécution à partir d'une page Web réelle, je suis juste en cours d'exécution du fichier HTML. Je suis aussi derrière un proxy si cela peut l'affecter. Merci d'avance!

Répondre

1

La page doit être accessible au public, et l'URL que vous définissez dans votre application Facebook doit correspondre à l'URL à laquelle vous accédez. Juste couru dans cette même configuration l'autre jour pour mon site d'essai, http://omgtrolls.com

+0

Il n'y a rien d'autre que je dois faire? Comme il devrait juste courir automatiquement? –

+0

Oh d'accord, je regarde la source en ce moment, et je vois comment vous l'avez fait. –

+0

J'espère que vous pourrez analyser les bonnes choses à partir de cela. C'est juste mon domaine de test où je joue avec quelques idées, donc c'est un peu confus. – Geuis

Questions connexes