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