2011-08-02 21 views
5

tengo esto en mi cabecera:Como llegar Información de usuario usando JS SDK después de iniciar sesión en Facebook

<script src="http://connect.facebook.net/en_US/all.js"></script> 

Entonces tengo el código del botón FB entrada como esta:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=myAppId&amp;xfbml=1"> 
</script><fb:login-button show-faces="false" perms="user_hometown,user_about_me,email,user_address" 
autologoutlink="true" width="200" max-rows="1"> 
</fb:login-button> 

Luego, después de el usuario inicia sesión con el botón FB, ¿cómo hago una llamada JS para obtener su nombre, correo electrónico, foto, etc.?

También encontré algo de código como este, pero no sabe dónde esta se utiliza:

<script> 
    FB.init({ 
    appId : 'myAppId', 
    status : true, // check login status 
    cookie : true, // enable cookies to allow the server to access the session 
    xfbml : true, // parse XFBML 
    channelURL : 'http://www.comehike.com/channel.html', // channel.html file 
    oauth : true // enable OAuth 2.0 
    }); 
</script> 

¿Es necesario el código justo encima?

Gracias!

+0

Usted necesita 'código FB.init' para inicializar el Facebook JavaScript SDK y analizar el XFBML. – jBit

Respuesta

13
<html> 
<head> ... </head> 
<body> 
    <div id="fb-root"></div> 

    <fb:login-button show-faces="false" perms="user_hometown,user_about_me,email,user_address" autologoutlink="true" width="200" max-rows="1"></fb:login-button> 


    <!-- put this before the end body tag --> 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
    <script> 
     FB.init({ 
     appId : 'myAppId', 
     status : true, // check login status 
     cookie : true, // enable cookies to allow the server to access the session 
     xfbml : true, // parse XFBML 
     channelURL : 'http://www.comehike.com/channel.html', // channel.html file 
     oauth : true // enable OAuth 2.0 
     }); 
    </script> 
</body> 
</html> 

para obtener registra los datos de los usuarios:

FB.api('/me', function(response) { 
    console.log(response); 
}); 

Si todo ha ido bien response debe haber un objeto JSON que contiene los datos de usuario que tiene permiso para ver.

La imagen de los usuarios puede ser obtenido a partir de:

http://graph.facebook.com/FACEBOOK_USER_ID/picture 

Puede especificar el tamaño que desee con el argumento de tipo

  • cuadrado - 50x50
  • pequeña - 50 píxeles de ancho, altura variable
  • normal - 100 píxeles de ancho, altura variable
  • grande - alrededor de 200 píxeles de ancho, va altura riable

Por ejemplo:

http://graph.facebook.com/FACEBOOK_USER_ID/picture?type=large 
+0

@jBut Hmmm, tengo estas cosas aquí: http://www.comehike.com/test_fb_connect.php y no puedo obtener el botón FB para procesar. ¿Puedes ver el código fuente y ver el código fb por casualidad? – Genadinik

+0

Por cierto, ¿qué se supone que está en el archivo channel.html? No tengo ese archivo :) – Genadinik

+0

Tu xfbml está comentado. – jBit

Cuestiones relacionadas