tools public_profile onlogin example developers crear checkloginstate boton app javascript facebook-graph-api

javascript - example - fb login button scope public_profile email onlogin checkloginstate();</ fb login button



Cómo obtener información de usuario utilizando JS SDK después de iniciar sesión en Facebook (1)

<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 datos de usuarios registrados:

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

Si todo salió bien, la response debería ser un objeto JSON que contenga los datos del usuario que tiene permiso para ver.

La imagen de los usuarios se puede obtener desde:

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

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

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

Por ejemplo:

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

Tengo esto en mi encabezado:

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

Entonces tengo el código del botón de inicio de sesión de FB como este:

<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 que 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é un código como este, pero no estoy seguro de dónde se usa esto:

<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>

¿Necesito el código justo arriba?

¡¡Gracias!!