Crear tu propia aplicación de Facebook en pocos minutos

Wilmer Barrios | martes, octubre 13, 2009 | | | | | | | | | | |

facebook

Ya sea que quieras integrar presentaciones en tu perfil en Facebook o compartir tus libros y películas favoritas con amigos, es probable que ya exista una aplicación de Facebook para resolver tu problema.

Sin embargo, si eres un poco más aventurero y quieres desarrollar tu propia App para Facebook que funcione como quieres y no lleve marcas de terceros o publicidades, aquí hay un tutorial fácil para ayudarte a empezar.

Cómo escribir tu propia aplicación Facebook en 5 minutos

El Plan: Vamos a escribir una aplicación básica de Facebook que tendrá enlaces a nuestros perfiles sociales y un cuadro de búsqueda del sitio de Google. Más adelante, podrás expandir la idea para construir aplicaciones algo más complejas que contengan canales RSS, videoclips, etc

Cosas que necesitas: No tienes que ser un "geek" para escribir las aplicaciones básicas de Facebook. Todo lo que necesitas es un poco de conocimiento de lenguajes de programación web y algo de espacio libre en un servidor web donde alojar tu aplicación Facebook (que no son más que simples archivos PHP).

OK, ahora si, empecemos

Paso 1. Asumiendo que ya posees una cuenta en Facebook, agrega la aplicación de desarrolladores a tu perfil de Facebook y, a continuación, haz clic en "Set Up New Application".

Paso 2. Dale a tu nueva aplicación Facebook un nombre, acepta los términos y luego sube alguna imagen para el logotipo de tu aplicación.

12

Paso 3. De la configuración de aplicaciones, selecciona Canvas y establece FBML como el método de representación. La otra opción es IFRAME pero usaremos FBML por el momento, para mantener las cosas simples.

Paso 4. Utilizando cualquier editor de HTML WYSIWYG (o incluso el bloc de notas), escribe el contenido que deseas mostrar en el interior de tu aplicación de Facebook.

En este ejemplo, estamos agregando sólo dos imágenes con hipervínculos con un cuadro de búsqueda de Google y por lo tanto el código sería algo como esto:

  1. "http://search.labnol.org/">
  2. "text" name="q" size="15" />
  3. "submit" name="s" value="Search" />

Paso 5. Inicia sesión en el servidor web que albergará la aplicación Facebook y crea un sub-directorio llamado "facebook". Por lo que si su dominio es example.com, a la aplicación Facebook se podrá acceder desde example.com/facebook.

Bajo el directorio de Facebook, descarga (wget) la plantilla de aplicación y cambia el nombre del archivo a index.php. Sustituye la clave de la API y la clave secreta en index.php con valores reales y también copia y pega el código HTML (que has creado en el paso 4) en el archivo index.php.

Paso 6. Mientras estás dentro del directorio "Facebook", descarga la biblioteca de Facebook (a través de wget) y extrae los archivos en este archivo a través de gunzip y tar. Ahora ejecuta el siguiente comando para mover facebook.php y otros archivos de la librería fuera de la plataforma del subdirectorio facebook.

  1. $ mv facebook-platform/client/facebook*.php .

Paso 7: Ya casi terminamos. Vuelve a la página de tu aplicación Facebook en el navegador, haz clic en "Edit Settings" y programa los valores para Canvas.

  • Canvas Page URL - selecciona una linda URL para tu aplicación.
  • Canvas Callback URL - locación del servicio web en el que están albergados tus archivos (en nuestro caso, esta sería example.com/facebook).

22

Y listo. Cualquiera ahora puede añadir tu aplicación a su perfil.

Extiende tu aplicación Facebook

  • Simplemente hemos creado una app básica, pero puedes crear aplicaciones mucho más útiles con simples modificaciones. Algunas ideas:
  • Puedes incorporar RSS feeds en tu aplicación para crear una librería de análisis de feeds como SimplePie.
  • Puedes rastrear el uso de tu aplicación Facebook vía Google Analytics. Simplemente añadiendo el siguiente código en tu PHP:
    1. "UA-12345-xx" />

  • Puedes utilizar en tu aplicación el mismo esquema de colores y los mismos estilos CSS que son utilizados en el sitio principal de Facebook.
  • Si deseas emebeber videos YouTube o presentaciones Slideshare en tu aplicación, deberás usar la etiqueta <fb:swf> .
  • En lugar de utilizar un cuadro de búsqueda plano, deberías considerar implementar la API de búsqueda Google AJAX (ejemplo) lo que te permitirá personalizar el look de los resultados de búsqueda para que combinen con otros elementos de la página Facebook.

Verdaderamente sencillo y genial.

Share this article
 
Copyright © 2015 MyBiosWeb
Distributed By My Blogger Themes | Template Design By BTDesigner