¿Cómo integrar el botón de facebook para hacer login en nuestras aplicaciones web?

¿Cómo integrar el botón de facebook para hacer login en nuestras aplicaciones web?

¡Hola Geekalt42ros!

Es súper sencillo integrar un servicio de Sign Up en nuestras aplicaciones web con Facebook. Pero necesitamos hacer algunas cosas primero.

Tenemos que ingresar a developers.facebook.com, y registrar nuestra aplicación. Los pasos son muy sencillos, no deberían tener problemas, y si los tienen saben que pueden contactarnos n.n

Después del registro, Facebook les dará un código que se llama AppId. Este token es muy importante, con este token podremos pedirle a nuestros usuarios algunos de sus datos personales (nombre, email).

  1. Añadir este código después de que abran el Body Tag. Lo que hace es cargar el SDK de facebook para poder utilizar el Facebook Button. Cambien el appId por el de ustedes:

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=INSERT_YOUR_ID“; //remember to change this id
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

2.  Coloquen el botón de Facebook donde quieran que aparezca:
<div class=”fb-login-button” data-max-rows=”1″ data-size=”large” data-show-faces=”false” data-auto-logout-link=”false”></div>

 

Con estos dos pasos, cuando el usuario de click en el botón, se registrará al usuario en Facebook como usuario de nuestra aplicación, y con esto podremos hacer llamadas al API de Facebook para obtener información de nuestro usuario n.n

La demostración está disponible en el siguiente JSFiddle.

Si intentan integrar facebook y tienen algunas dudas, ya saben que pueden contactarme en lguitarras0594@gmail.com

¡Saludos!

Written by Alberto Romero

Software developer intern @VoxFeed. Experiencia con Java, C#, desarrollo para Android y algunas tecnologías web como Golang, Python, Javascript y los tipicos de front end que ya se los saben de memoria. Me encanta la música y me gustan los videojuegos (especialmente DotA). Abierto a debate, conversaciones espontáneas y #random.

Deja un comentario

A %d blogueros les gusta esto: