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

Cómo crear una aplicación para facebook manual

Apr 13, 2017

Download

Software

jorgeluishuiza
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Cómo crear una aplicación para facebook manual

CÓMO CREAR UNA APLICACIÓN PARA FACEBOOK

Creado por: Huiza Ramos Jorge Luis

Page 2: Cómo crear una aplicación para facebook manual

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

Page 3: Cómo crear una aplicación para facebook manual

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

Creado por: Huiza Ramos Jorge Luis

MI PRIMERA APLICACIÓN

Page 4: Cómo crear una aplicación para facebook manual

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

Page 5: Cómo crear una aplicación para facebook manual

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

Page 6: Cómo crear una aplicación para facebook manual

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

Page 7: Cómo crear una aplicación para facebook manual

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

Page 8: Cómo crear una aplicación para facebook manual

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

Page 9: Cómo crear una aplicación para facebook manual

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

Page 10: Cómo crear una aplicación para facebook manual

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

Page 11: Cómo crear una aplicación para facebook manual

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

Page 12: Cómo crear una aplicación para facebook manual

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

Page 13: Cómo crear una aplicación para facebook manual

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

Page 14: Cómo crear una aplicación para facebook manual

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

Page 15: Cómo crear una aplicación para facebook manual

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

Page 16: Cómo crear una aplicación para facebook manual

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

Page 17: Cómo crear una aplicación para facebook manual

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

Page 18: Cómo crear una aplicación para facebook manual

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