Ir al contenido principal

Crear tu propia aplicación de Facebook en pocos minutos



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.

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.

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).


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.

    Comentarios

    Entradas populares de este blog

    Cómo particionar un disco duro en Windows usando herramientas integradas del sistema

    ¿Qué es una partición de disco? Una partición es una división lógica de un disco duro físico. Cada partición funciona como si fuera un disco independiente: puede tener su propia letra (C:, D:, E:), sistema de archivos y propósito. Ejemplos de uso comunes: Separar Windows de documentos personales Crear una partición exclusiva para respaldos Organizar información por áreas (trabajo, multimedia, proyectos) Antes de comenzar: recomendaciones importantes Antes de modificar particiones, ten en cuenta lo siguiente: 🔒 Haz copia de seguridad de la información importante ⚡ Evita realizar el proceso durante cortes de energía 🛑 No interrumpas el proceso una vez iniciado 💾 Asegúrate de tener espacio libre suficiente en el disco Aunque Windows es bastante seguro en este proceso, cualquier cambio en discos conlleva riesgos. Herramienta principal: Administración de discos Windows incluye la herramienta Administración de discos , que permite: Reducir volúmenes ...

    Adobe Photoshop CC 2018 19.1.6.5940 (Español) #Descarga

    Descarga : MEGA: 32bits / 64 bits http://j.gs/BmM9 Clave :  http://j.gs/BmMB ------------------- Otros enlaces: ------------------- Google Drive 64 Bits: http://j.gs/Blyw 32 Bits: http://j.gs/Blz3 MEGA 64 Bits: http://j.gs/Blz9 32 Bits: http://j.gs/Blz7 Clave para descomprimir: http://j.gs/6505620/clave Adobe Photoshop CC 2018  Programa  Full  de editor de gráficos rasterizados en su  ultima versión  y usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente “taller de fotos” y esta disponible para  descargar  desde esta pagina. Adobe Photoshop  32 bits  y la versión de  64 bits  es líder mundial en el mercado de aplicaciones de edición de imágenes, y domina este sector de tal manera que su nombre es ampliamente empleado como sinónimo para la edición de imágenes en general. Una de las mejores aplicaciónes de edición de imágene...

    SolidWorks 2015 SP3.0 Multilenguaje (Español), Modelado Avanzado con Sistemas CAD + Descarga

    SolidWorks 2015 SP3.0 Multilenguaje ISO | 8.62 GB | Spanish Incl. | Medicina Incl. | Windows 7/8/8.1 x64 |  Descarga:  http://adf.ly/1Hf1tU SolidWorks le brinda opciones de software de CAD en 3D, simulación de diseño y administración de datos de productos, además de software de documentación de productos. No importa el tamaño de su empresa: siempre puede tener las herramientas precisas que necesita para diseñar mejores productos. Software de CAD en 3D El software de diseño en 3D de SolidWorks lo ayuda a diseñar mejores productos, más rápido. Cuando tenga una idea para un producto excelente, contará con las herramientas para diseñarlo en menos tiempo y a un costo más bajo. Estas son algunas de las funciones incluidas: Simulación de diseño Con las eficaces herramientas de simulación de diseño de SolidWorks®, fácilmente puede someter sus diseños a las mismas condiciones en las que se verán en el mundo real. Mejore la calidad de sus productos al mismo tiem...