Cómo Configurar Una Aplicación Lectora de RSS de Facebook Para Tu Blog - Página 2

3 Configurar La Biblioteca Cliente PHP5

Ahora descargaremos la Biblioteca Cliente PHP en el directorio de nuestro sitio web donde estará ubicada nuestra aplicación lectora de feeds (por ejemplo, http://fb.howtoforge.com/fb/htf_feed_reader/). En este ejemplo, asumo que la raíz del documento de fb.howtoforge.com es /var/www (ajusta los siguientes comandos si la tuya es diferente). Así que primero creamos el directorio /var/www/fb/htf_feed_reader:

mkdir -p /var/www/fb/htf_feed_reader

Luego lo descargamos y lo descomprimimos:

cd /var/www/fb/htf_feed_reader  
wget http://developers.facebook.com/clientlibs/facebook-platform.tar.gz  
tar zxvf facebook-platform.tar.gz

Esto crea el directorio facebook-platform/ con el subdirectorio client/ que contiene las bibliotecas cliente para PHP 5 (facebook.php y facebookapi_php5_restlib.php). Copiamos estos dos archivos a /var/www/fb/htf_feed_reader y eliminamos facebook-platform.tar.gz y facebook-platform:

cp facebook-platform/client/facebook.php .  
cp facebook-platform/client/facebookapi_php5_restlib.php .  
rm -rf facebook-platform.tar.gz facebook-platform

4 Nuestra Primera Aplicación Simple

Ahora podemos escribir nuestra primera aplicación, muy simple. Primero, creamos el archivo appinclude.php que contiene algunas configuraciones básicas como la Clave API, el Secreto y la URL de Callback, y que incluiremos en todos los archivos de nuestra aplicación:

vi /var/www/fb/htf_feed_reader/appinclude.php

| require_login(); //[todo: cambia la siguiente url a tu url de callback] $appcallbackurl = 'http://fb.howtoforge.com/fb/htf_feed_reader/'; //captura la excepción que se lanza si la cookie tiene un session_key inválido try { if (!$facebook->api_client->users_isAppAdded()) { $facebook->redirect($facebook->get_add_url()); } } catch (Exception $ex) { //esto limpiará las cookies para tu aplicación y los redirigirá a un aviso de inicio de sesión $facebook->set_user(null, null); $facebook->redirect($appcallbackurl); } ?> |

Luego creamos index.php, el archivo que se ejecutará cuando se llame a la URL de callback (http://apps.facebook.com/htf_feed_reader). En este ejemplo simple, solo imprimirá algo como hola más el ID de usuario de Facebook:

vi /var/www/fb/htf_feed_reader/index.php

| hola $user

Ahora abre un navegador y escribe la URL de callback (http://fb.howtoforge.com/fb/htf_feed_reader) o la URL del canvas (http://apps.facebook.com/htf_feed_reader) de tu aplicación. De cualquier manera, deberías ser redirigido a una página como esta:

Haz clic en el botón Iniciar sesión en HowtoForge RSS Feed Reader. En la siguiente página, deja todas las casillas marcadas y haz clic en Agregar HowtoForge RSS Feed Reader para instalar esta aplicación en tu cuenta:

Cuando se instala una aplicación, lo primero que sucede es que se llama a la URL de callback (http://fb.howtoforge.com/fb/htf_feed_reader), así que deberías esperar ver algo como hola . Y realmente, sucede, lo que significa que nuestra configuración está funcionando:

En tu página de perfil, ahora deberías encontrar el HowtoForge RSS Feed Reader en la columna ancha (mostrando el FBML predeterminado que especificamos cuando configuramos la aplicación en Facebook - nuestra aplicación simple aún no produce su propio FBML) así como una entrada de menú para ello en la navegación izquierda:

Ahora modifiquemos index.php un poco y agreguemos un campo de entrada donde puedas ingresar texto que luego se mostrará en la página de perfil en lugar del FBML predeterminado:

vi /var/www/fb/htf_feed_reader/index.php

| hola $user

Como ves, el FBML en la página de perfil puede ser cambiado con la función $facebook->api_client->profile_setFBML().

Ahora ve a la página del canvas de tu aplicación nuevamente (http://apps.facebook.com/htf_feed_reader en mi caso). Ahora deberías ver un cuadro de texto debajo de la línea hola …:

Ingresa algún texto y haz clic en el botón Mostrar texto en perfil:

Luego ve a tu página de perfil nuevamente. Ahora deberías encontrar el texto que ingresaste en el cuadro de texto:

En el siguiente ejemplo usamos mock-AJAX para actualizar dinámicamente el contenido de la página del canvas y el perfil:

vi /var/www/fb/htf_feed_reader/index.php

| hola $user

En la página del canvas, ahora deberías ver el nuevo cuadro de texto:

Escribe algún texto y presiona el botón Dibujar texto abajo…

…y el texto debería aparecer inmediatamente debajo del botón:

La misma funcionalidad ahora está disponible en la página de perfil: