Cómo crear una aplicación para facebook manual

18
CÓMO CREAR UNA APLICACIÓN PARA FACEBOOK Creado por: Huiza Ramos Jorge Luis

Transcript of Cómo crear una aplicación para facebook manual

CÓMO CREAR UNA APLICACIÓN PARA FACEBOOK

Creado por: Huiza Ramos Jorge Luis

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

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

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

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

3. A continuación entraremos en una Página que nos dará la opciónde crear una nueva aplicación y de descargarnos las librerías PHPnecesarias para nuestro servidor.

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

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

5. Ahora hay que instalar las librerías en nuestro servidor subiéndolasmediante FTP, recordad que son librerías para PHP5 por lo que vuestroservidor debe soportar este lenguaje.

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

6. Una vez subimos hemos subido las librerías y la aplicación depruebas a nuestro servidor tenemos que volver a Facebook y hacerclick sobre “Configurar una nueva aplicación” o “crear una”.

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

7. A continuación se nos pide que demos nombre a la aplicación y queaceptemos las condición s de servicio. Podéis poner el nombre quequeráis, aunque sea similar a una aplicación ya existente.

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

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

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

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

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

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

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

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

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

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

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