Está en la página 1de 4

Crear tu propia aplicacin de Facebook en pocos minutos

Posted by My Bios Web on martes, octubre 13, 2009

Ya sea que quieras integrar presentaciones en tu perfil en Facebook o compartir tus libros y pelculas favoritas con amigos, es probable que ya exista una aplicacin de Facebook para resolver tu problema. Sin embargo, si eres un poco ms 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 fcil para ayudarte a empezar.

Cmo escribir tu propia aplicacin Facebook en 5 minutos


El Plan: Vamos a escribir una aplicacin bsica de Facebook que tendr enlaces a nuestros perfiles sociales y un cuadro de bsqueda del sitio de Google. Ms adelante, podrs expandir la idea para construir aplicaciones algo ms complejas que contengan canales RSS, videoclips, etc Cosas que necesitas: No tienes que ser un "geek" para escribir las aplicaciones bsicas de Facebook. Todo lo que necesitas es un poco de conocimiento de lenguajes de programacin web y algo de espacio libre en un servidor web donde alojar tu aplicacin Facebook (que no son ms que simples archivos PHP).

OK, ahora si, empecemos


Paso 1. Asumiendo que ya posees una cuenta en Facebook, agrega la aplicacin de desarrolladores a tu perfil de Facebook y, a continuacin, haz clic en "Set Up New Application". Paso 2. Dale a tu nueva aplicacin Facebook un nombre, acepta los trminos y luego sube alguna imagen para el logotipo de tu aplicacin.

Paso 3. De la configuracin de aplicaciones, selecciona Canvas y establece FBML como el mtodo de representacin. La otra opcin 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 aplicacin de Facebook. En este ejemplo, estamos agregando slo dos imgenes con hipervnculos con un cuadro de bsqueda de Google y por lo tanto el cdigo sera algo como esto: PLAIN TEXT "http://twitter.com/labnol">

"http://labnol.org/twitter.png"/> "http://www.youtube.com/labnol">

"http://labnol.org/youtube.png"/> "http://search.labnol.org/"> "text" name="q" size="15" /> "submit" name="s" value="Search" /> Paso 5. Inicia sesin en el servidor web que albergar la aplicacin Facebook y crea un subdirectorio llamado "facebook". Por lo que si su dominio es example.com, a la aplicacin Facebook se podr acceder desde example.com/facebook. Bajo el directorio de Facebook, descarga (wget) la plantilla de aplicacin 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 tambin copia y pega el cdigo HTML (que has creado en el paso 4) en el archivo index.php. Paso 6. Mientras ests dentro del directorio "Facebook", descarga la biblioteca de Facebook (a travs de wget) y extrae los archivos en este archivo a travs de gunzip y tar.

Ahora ejecuta el siguiente comando para mover facebook.php y otros archivos de la librera fuera de la plataforma del subdirectorio facebook. PLAIN TEXT $ mv facebook-platform/client/facebook*.php . Paso 7: Ya casi terminamos. Vuelve a la pgina de tu aplicacin Facebook en el navegador, haz clic en "Edit Settings" y programa los valores para Canvas. Canvas Page URL - selecciona una linda URL para tu aplicacin. Canvas Callback URL - locacin del servicio web en el que estn albergados tus archivos (en nuestro caso, esta sera example.com/facebook).

Y listo. Cualquiera ahora puede aadir tu aplicacin a su perfil.

Extiende tu aplicacin Facebook


Simplemente hemos creado una app bsica, pero puedes crear aplicaciones mucho ms tiles con simples modificaciones. Algunas ideas: Puedes incorporar RSS feeds en tu aplicacin para crear una librera de anlisis de feeds como SimplePie. Puedes rastrear el uso de tu aplicacin Facebook va Google Analytics. Simplemente aadiendo el siguiente cdigo en tu PHP: PLAIN TEXT <span""UA-12345-xx" /> Puedes utilizar en tu aplicacin 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 aplicacin, debers usar la etiqueta <fb:swf> . En lugar de utilizar un cuadro de bsqueda plano, deberas considerar implementar la API de bsqueda Google AJAX (ejemplo) lo que te permitir personalizar el look de los resultados de bsqueda para que combinen con otros elementos de la pgina Facebook.

Verdaderamente sencillo y genial.


http://wilmerbarriosjr.blogspot.com/2009/10/crear-tu-propia-aplicacion-defacebook.html