desarrollo de aplicaciones para facebook

Desarrollo de Aplicaciones para Facebook

Gabriel Cuesta Arza h8p://www.faceblog.es

De la edad de piedra a la web 2.0

Desarrollo de Aplicaciones para Facebook Gabriel Cuesta Arza -‐ Faceblog.es

Las redes sociales


Facebook


Las aplicaciones de Facebook


Tipos de aplicaciones


Facebook Connect


Facebook y el mundo exterior


¿Es fácil desarrollar aplicaciones para Facebook?


Es fácil desarrollar aplicaciones para Facebook


¿Se gana dinero con las aplicaciones de Facebook?


¿Se tarda mucho Iempo en hacer una aplicación de Facebook?


Las aplicaciones más usadas


Las empresas con más usuarios


Redes Sociales y ROI



Entornos para una aplicación de Facebook:


¿Qué necesito para ser desarrollador de Aplicaciones

de Facebook?

1.-‐ Ser usuario habitual de Facebook 2.-‐ Conocer un lenguaje de programación a nivel avanzado 3.-‐ Conseguir un “Hola Mundo” 4.-‐ Tener una buena idea

Cómo funciona una aplicación Zpica de Facebook



Tecnologías de Facebook


Nuestras tecnologías


Nuestras tecnologías

Etc…


Recursos para desarrolladores


Mi primera aplicación

1.-‐ Accede a Facebook con tu usuario y tu clave.



2.-‐ Ve a la url h"p://www.facebook.com/developers. Se te solicitará permiso para aceptar esta aplicación.



3.-‐ A conInuación entraremos en una página que nos dará la opción de crear una nueva aplicación y de descargarnos las librerías PHP necesarias para nuestro servidor.



4.-‐ Descargamos en primer lugar las librerías PHP, incluyen una aplicación de ejemplo.



5.-‐ Ahora hay que instalar las librerías en nuestro servidor subiéndolas mediante FTP, recordad que son librerías para PHP5 por lo que vuestro servidor debe soportar este lenguaje.



6.-‐ Una vez subimos hemos subido las librerías y la aplicación de pruebas a nuestro servidor tenemos que volver a Facebook y hacer click sobre “Configurar una nueva aplicación” o “crear una”.



7.-‐ A conInuación se nos pide que demos nombre a la aplicación y que aceptemos las condiciones de servicio. Podéis poner el nombre que queráis, aunque sea similar a una aplicación ya existente.



8.-‐ Una vez le hemos dado al botón de “Guardar cambios” nos econtramos con la pantalla de configuración básica de nuestra aplicación. Vamos a destacar en primer lugar de la misma 3 datos que son importanZsimos: AplicaIon ID, Clave API y secreto, debemos tomar nota de estos datos (aunque siempre estarán disponibles sin entramos con nuestro usuario en la página de los desarrolladores).



9.-‐ A conInuación se nos pide que introduzcamos los datos de información básica: descripción, icono de la aplicación (el icono pequeñito), logoIpo de la aplicación ( el icono grande), el idioma y los desarrolladores.



10.-‐ Nos quedaría confirmar la información del email del desarrollador y las Urls de ayuda, condiciones de uso y privacidad. No hace falta que tengáis esas páginas creadas, podéis poner las urls que vayáis a crear en el futuro.



11.-‐ Le damos al botón “Guardar cambios” y Facebook nos envía a la página de inicio para desarrolladores de nuestra nueva aplicación. Buscamos el botón de “Editar configuración” y lo pulsamos.



12.-‐ Volvemos a la página anterior de creación de la aplicación, pero ahora debemos hacer click en la pestaña “Lienzo”.



13.-‐ Esta pantalla es importanZsima, en ella debemos en primer lugar configurar la url de nuestra aplicación en Facebook.



14.-‐ A conInuación debemos configurar la url de la aplicación en nuestro servidor PHP (es de aquí de donde Facebook leerá las respuestas de nuestro servidor para publicarlas en su entorno). En concreto en este ejemplo deberemos poner la url de nuestro servidor que nos lleva a la aplicación “footprints” de ejemplo que hemos subido antes por FTP.



15.-‐ Para este tutorial debemos dejar configurada la aplicación en modo FBML, no en modo Iframe.



16.-‐ Una vez hecho esto guardamos los cambios y nos vamos a nuestro servidor PHP. Dentro de la carpeta footprints hay un fichero llamado config.php, debemos editarlo y darle valor a las variables $api_key con nuestra CLAVE_API y $secret con nuestra clave secreta SECRETO. Esta aplicación de muestra requiere para funcionar interactuar con una base de datos de vuestro servidor así que deberéis configurar los datos del servidor de base de datos y crear la tabla que pide. Esta parte viene con comentarios PHP.



17.-‐ Facebook Iene su aplicación de muestra en esta url: h"p://apps.facebook.com/footprints/

18.-‐ Ahora sólo os queda ya compararla con el funcionamiento de la vuestra con vuestra url de facebook, es decir, h"p://apps.facebook.com/[nombre dado en el paso 13]

19.-‐ Pues ya está, ya tenéis vuestra primera aplicación de prueba, ahora toca poneros a modificar el fichero index.php para ir haciendo pruebas. ¡Qué aproveche!


Gracias Gabriel Cuesta Arza

hqp://www.faceblog.es Cuesta.tel

desarrollo de aplicaciones para facebook

Education