SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
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ó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
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é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
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
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
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”.
en
la
pestañ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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (14)

Guia word press
Guia word pressGuia word press
Guia word press
 
PowerPoint Online
PowerPoint OnlinePowerPoint Online
PowerPoint Online
 
Navegadores de internet Eduardo
Navegadores de internet EduardoNavegadores de internet Eduardo
Navegadores de internet Eduardo
 
Trabajos precticos 12345
Trabajos precticos 12345Trabajos precticos 12345
Trabajos precticos 12345
 
HTML 5
HTML 5HTML 5
HTML 5
 
PLUGINS PDF.pdf
PLUGINS PDF.pdfPLUGINS PDF.pdf
PLUGINS PDF.pdf
 
Prueba de subir un slide
Prueba de subir un slidePrueba de subir un slide
Prueba de subir un slide
 
Red de blogs
Red de blogsRed de blogs
Red de blogs
 
Slideshare..
Slideshare..Slideshare..
Slideshare..
 
Presentacion de slideshare en power poin
Presentacion de slideshare en power poinPresentacion de slideshare en power poin
Presentacion de slideshare en power poin
 
Presentación3 seminario
Presentación3 seminarioPresentación3 seminario
Presentación3 seminario
 
Karen
KarenKaren
Karen
 
13 Joomla. Bibliografia Y Webgrafia
13 Joomla. Bibliografia Y Webgrafia13 Joomla. Bibliografia Y Webgrafia
13 Joomla. Bibliografia Y Webgrafia
 
Servidores web
Servidores webServidores web
Servidores web
 

Destacado (11)

India Security Major Essay-William Hill 5193836
India Security Major Essay-William Hill 5193836India Security Major Essay-William Hill 5193836
India Security Major Essay-William Hill 5193836
 
My portfolio
My portfolioMy portfolio
My portfolio
 
Catalogo
CatalogoCatalogo
Catalogo
 
Tecnología de puntas pablo
Tecnología de puntas pabloTecnología de puntas pablo
Tecnología de puntas pablo
 
Tarek_cv
Tarek_cvTarek_cv
Tarek_cv
 
The Perception in South Korea
The Perception in South KoreaThe Perception in South Korea
The Perception in South Korea
 
Phrasal verbs
Phrasal verbsPhrasal verbs
Phrasal verbs
 
Thermocouple Sensor
Thermocouple SensorThermocouple Sensor
Thermocouple Sensor
 
Marketing estrategico
Marketing estrategicoMarketing estrategico
Marketing estrategico
 
Lyfboat overview
Lyfboat overviewLyfboat overview
Lyfboat overview
 
Motores electricos
Motores electricosMotores electricos
Motores electricos
 

Similar a Cómo crear app Facebook

AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbmlluisafer92
 
Como crear una aplicación para facebook
Como crear una aplicación para facebookComo crear una aplicación para facebook
Como crear una aplicación para facebookjin93
 
Manual de usuario de Layar Creator
Manual de usuario de Layar CreatorManual de usuario de Layar Creator
Manual de usuario de Layar CreatorMiguelGil
 
Desarrollo de aplicaciones para facebook
Desarrollo de aplicaciones para facebookDesarrollo de aplicaciones para facebook
Desarrollo de aplicaciones para facebookisajoseslide
 
Creación de un sitio web en wordpress
Creación de un sitio web en wordpressCreación de un sitio web en wordpress
Creación de un sitio web en wordpressMilton González
 
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerce
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerceINSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerce
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerceJavier Martin Rivero
 
Aplicacion Web Windows 2003 Server
Aplicacion Web Windows 2003 ServerAplicacion Web Windows 2003 Server
Aplicacion Web Windows 2003 ServerStiven Marin
 
cargar un website en la red social
cargar un website en la red socialcargar un website en la red social
cargar un website en la red socialJonathan Chuquilla
 
Personalizar el contador de like de facebook con jquery
Personalizar el contador de like de facebook con jqueryPersonalizar el contador de like de facebook con jquery
Personalizar el contador de like de facebook con jqueryEnrique Guillermo Lazo Bello
 
Pres3 (2angel)
Pres3 (2angel)Pres3 (2angel)
Pres3 (2angel)Florydez
 
Pres3 (2angel)
Pres3 (2angel)Pres3 (2angel)
Pres3 (2angel)Florydez
 
Aplicaciones para la comunicación
Aplicaciones para la comunicaciónAplicaciones para la comunicación
Aplicaciones para la comunicaciónJose Rodriguez V
 

Similar a Cómo crear app Facebook (20)

Desarrollo de aplicacion facebook con php - Basico
Desarrollo de aplicacion facebook con php - BasicoDesarrollo de aplicacion facebook con php - Basico
Desarrollo de aplicacion facebook con php - Basico
 
AnáLisis De Fbml
AnáLisis De FbmlAnáLisis De Fbml
AnáLisis De Fbml
 
Word press
Word pressWord press
Word press
 
Como crear una aplicación para facebook
Como crear una aplicación para facebookComo crear una aplicación para facebook
Como crear una aplicación para facebook
 
Manual de usuario de Layar Creator
Manual de usuario de Layar CreatorManual de usuario de Layar Creator
Manual de usuario de Layar Creator
 
Desarrollo de aplicaciones para facebook
Desarrollo de aplicaciones para facebookDesarrollo de aplicaciones para facebook
Desarrollo de aplicaciones para facebook
 
Creación de un sitio web en wordpress
Creación de un sitio web en wordpressCreación de un sitio web en wordpress
Creación de un sitio web en wordpress
 
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerce
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerceINSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerce
INSTALACIÓN Y CONFIGURACIÓN, DE UNA TIENDA ONLINE CON osCommerce
 
Pres3
Pres3Pres3
Pres3
 
Manual de ftp
Manual de ftpManual de ftp
Manual de ftp
 
Manual de ftp
Manual de ftpManual de ftp
Manual de ftp
 
Aplicacion Web Windows 2003 Server
Aplicacion Web Windows 2003 ServerAplicacion Web Windows 2003 Server
Aplicacion Web Windows 2003 Server
 
cargar un website en la red social
cargar un website en la red socialcargar un website en la red social
cargar un website en la red social
 
Personalizar el contador de like de facebook con jquery
Personalizar el contador de like de facebook con jqueryPersonalizar el contador de like de facebook con jquery
Personalizar el contador de like de facebook con jquery
 
Pres3[1]
Pres3[1]Pres3[1]
Pres3[1]
 
Manual de php
Manual de phpManual de php
Manual de php
 
Manual de php
Manual de phpManual de php
Manual de php
 
Pres3 (2angel)
Pres3 (2angel)Pres3 (2angel)
Pres3 (2angel)
 
Pres3 (2angel)
Pres3 (2angel)Pres3 (2angel)
Pres3 (2angel)
 
Aplicaciones para la comunicación
Aplicaciones para la comunicaciónAplicaciones para la comunicación
Aplicaciones para la comunicación
 

Cómo crear app Facebook

  • 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