1. CÓMO CREAR UNA APLICACIÓN
PARA FACEBOOK
Creado por: Huiza Ramos Jorge Luis
2. Las aplicaciones de Facebook sirven para muchas
cosas además de para jugar. Una de las utilidades
que más nos pueden interesar a las empresas
interesadas en el Social Media es el poder utilizar las
aplicaciones de Facebook para personalizar nuestra
landing tab, o pestaña de aterrizaje en Facebook. Y
es que al FBML le quedan los días contados, y sólo
vamos a poder utilizar pestañas IFrame, por eso
necesitaremos una aplicación.
Creado por: Huiza Ramos Jorge Luis
INTRODUCCIÓN
3. 1. Accede a Facebook con tu usuario y tu clave.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
4. 2. Ve a la url http://www.facebook.com/developers. Se te
solicitará permiso para aceptar esta aplicación.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
5. 3. A continuació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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
6. 4. Descargamos en primer lugar las librerías PHP, incluyen una aplicación de
ejemplo.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
7. 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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
8. 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”.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
9. 7. A continuación se nos pide que demos nombre a la aplicación y que
aceptemos las condición s de servicio. Podéis poner el nombre que
queráis, aunque sea similar a una aplicación ya existente.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
10. 8. Una vez le hemos dado al botón de “Guardar cambios” nos encontramos 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 importantísimos: Aplicación 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).
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
11. 10. Nos quedaría confirmar la información del email del desarrollador y las
Urls de ayuda, condicione 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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
12. 11. Le damos al botón “Guardar
cambio” 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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
13. 12. Volvemos a la página anterior de creación de la aplicación, pero
ahora debemos hacer click en la pestaña “Lienzo”.
en
la
pestaña
“Lienzo”.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
14. 13. Esta pantalla es importante, en ella debemos en primer
lugar configurar la url de nuestra aplicación en Facebook.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
15. 14. A continuació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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
16. 15. Para este tutorial debemos dejar configura a la aplicación en
modo FBML, no en modo Iframe.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
17. 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.
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN
18. 17. Facebook tiene su aplicación de muestra en esta url:
http://apps.facebook.com/footprints/
18.Ahora Sólo nos queda ya compararla con el funcionamiento de la vuestra con vuestra url
de Facebook, es decir, http://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!
Creado por: Huiza Ramos Jorge Luis
MI PRIMERA APLICACIÓN