Facebook Connect: Ingreso a un sitio web sin registrarse

21 Mayo 2009 Publicado en Blog

¿Qué es Facebook Connect?

El nuevo producto de Facebook bautizado Facebook Connect nos permite utilizar el mismo login en múltiples sitios, sin la necesidad de registrar nuestro usuario nuevamente.

Con este nuevo servicio, también podríamos importar a todos nuestros contactos y a nuestra red social completa, con perfil incluido, hacia las otras webs incluídas en el convenio.

La idea a grandes rasgos consiste en compartir el registro de Facebook en otros sitios, para no tener que registrarse cada vez.

¿Como Linkear a Facebook?

1. Crear una aplicación de desarrollo en Facebook: por empezar hay que tener un usuario, luego ingresar a la zona de desarrolladores https://www.facebook.com/developers/editapp.php y dar de alta una nueva aplicación. En donde hay que tener en cuenta que en los campos opcionales, en CallBack URL debemos ingresar la URL del sitio al cual queremos linkear Facebook. Dejar los demás en default sería lo correcto, luego aceptar.

Recomiendo guardar el API Key, porque lo utilizaremos en unos momentos.

2. Archivo de Conexión: ahora pasamos a nuestro proyecto. Podemos crear una carpeta para guardar los archivos de Facebook, o situarlos en la misma raíz.

El primer archivo que es necesario crear es aquel que genera la conexión con Facebook:

xd_receiver.htm

1
2
3
4
5
6
7
 






 

3. Formulario de Conexión: solo debemos incluir algunos scripts que nos permitan dar de alta para acceder a los datos personales, que se encuentran en Facebook, de los usuarios de nuestra Web.

El siguiente es un archivo ejemplo llamado

test.html

1
2
3
4
5
6
7
8
9



 
 





Es importante respetar el atributo xmlns del tag html, además debemos reemplazar YOUR_API_KEY_HERE por el número de API Key que guardamos en los pasos anteriores.

Una vez realizado esto podemos acceder a nuestrositio/test.html y comprobar que la conexión funciona.

Está demás decir que es una conexión básica, ya que no interactua con nuestro sistema de logueo; pero sirve como base de explicación de cómo funcionan los sistemas de logueo mas complejos, como el que veremos a continuación.

Para más información, vea: https://wiki.developers.facebook.com/index.php/Trying_Out_Facebook_Connect

¿Qué hacer con Facebook en nuestro Sitio?

La gran ventaja que permite es el logueo en nuestra página sin registrarse, logueandosé en el apartado que generamos más arriba, podremos automáticamente quedar logueados en nuestro propio sitio. Para facilitar esta funcionalidad, FaceBook distribuye un Open Source que contiene todas las librerías necesarias para incluír en la página. Podemos descargarlo de aquí: https://svn.facebook.com/svnroot/platform/samples/packages/therunaround.tar.gz

Una modificación importante para que podamos utilizar este código es la siguiente: en el archivo lib/fbconnect.php dentro de la función render_fbconnect_init_js(), reemplazar %s por el numero de API KEY que generamos al crear la aplicación de desarrollo en FaceBook.

Además del sistema de logueo, el ejemplo muestra otras herramientas que podemos utilizar, tales como: publicar desde nuestro sitio EN Facebook, importar A nuestra Web DESDE FaceBook datos del usuario registrado, tales como: Perfíl Personal, Lista de Contactos y Amigos, etc. Para ello Facebook nos brinda una herramienta: XFBML que es un lenguaje de etiquetas compatible con HTML, que tiene la capacidad de traernos los datos del usuario logueado de una manera muy sencilla:

1
 

En donde solo pasando en uid el id de usuario, (dato que conocemos gracias a la clase User, que descargamos entre tantas pasos atrás), podremos traer ese dato en particular.

Para ver otros datos y como llamarlos, visitar este enlace: https://wiki.developers.facebook.com/index.php/XFBML.

Serfe info(at)serfe.com https://www.serfe.com/images/serfe_logo_text.png https://www.serfe.com/images/serfe_logo_text.png FALUCHO 2032, S3016LDB, SANTO TOME, SANTA FE, ARGENTINA 1-305-5375397
Cookies & Privacy: 
This website uses cookies to ensure you get the best experience on our website.


Privacy Policy