Berriart Berriart

Desarrollo web con software libre

Crear una aplicación para Facebook

Guardar este artículo en Delicious Compartir este artículo en Twitter Compartir este artículo en Facebook

Ya que voy a hacer una aplicación para Facebook de Efemerides 2.0, voy a aprovechar para explicar lo sencillo que es crear un pequeña aplicación, lo que sería un hello world para Facebook.

Lo primero que hay que hacer si se quieren desarrollar aplicaciones de Facebook, es tener una cuenta y agregarse la aplicación de desarrolladores. Cuando ya la tengamos agregada hay que pinchar en crear nueva aplicación, ponerle un nombre y enviar.

Lo que vamos a desarrollar es una aplicación web para Facebook, así que vamos a necesitar un sitio dónde alojarla, además vamos a escribirla en PHP y si queréis guardar datos necesitaremos una base de datos MySQL.

Cuando ya sepamos donde la vamos a alojar, nos vamos a nuestra aplicación en Facebook y vamos a editar sus datos. En la siguiente imagen se explican los parámetros de configuración que debemos rellenar en un inicio:

Ya tenemos todo configurado en la parte de Facebook, ahora solo nos queda crear nuestra aplicación y subirla a nuestro servidor. Como ya hemos dicho la escribiremos en PHP, pero primero debemos bajarnos la librería PHP de Facebook. La descomprimimos y la metemos en la carpeta dónde vayamos a alojar la aplicación.

Finalmente este es el hello world en PHP que debemos subir y guardar como index.php:

<?php

require_once 'facebook-platform/client/facebook.php';

$appapikey = 'XXXXXXXXXXXXXXXXXXXXXXX';
$appsecret = 'XXXXXXXXXXXXXXXXXXXXXXX';
$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();

echo "<p>Hola, <fb:name uid=\"$user_id\" useyou=\"false\" /></p>";

// Sacar por pantalla los cumpleaños de 20 de nuestros amigos
echo "<p>Cumpleaños de mis amigos:";
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 25);
foreach ($friends as $friend) {
	$birthdate = $facebook->api_client->users_getinfo($friend, 'birthday');
	echo "<br>Id de usuario: " . $friend . " - Fecha de nacimiento: " . $birthdate[0]['birthday'] . "\n";
}
echo "</p>";
?>

Como veis en este script, primero incluimos la librería PHP de Facebook:

require_once ‘facebook-platform/client/facebook.php’;

Luego hay que escribir las API keys de nuestra aplicación que encontraremos en el panel de nuestra aplicación en Facebook.

$appapikey = ‘XXXXXXXXXXXXXXXXXXXXXXX’;
$appsecret = ‘XXXXXXXXXXXXXXXXXXXXXXX’;

Después creamos el objeto Facebook, y obtenemos el ID de usuario de la persona que accede a nuestra aplicación:

$facebook = new Facebook($appapikey, $appsecret);
$user_id = $facebook->require_login();

Printeamos un saludo utilizando el user ID y FBML, que es un lenguage tipo HTML especial para Facebook:

echo “<p>Hola, <fb:name uid=\”$user_id\” useyou=\”false\” /></p>”;

Y finalmente sacamos los IDs de 25 de nuestros amigos y su fecha de nacimiento si es que la han puesto:

// Sacar por pantalla los cumpleaños de 20 de nuestros amigos
echo “<p>Cumpleaños de mis amigos:”;
$friends = $facebook->api_client->friends_get();
$friends = array_slice($friends, 0, 25);
foreach ($friends as $friend) {
$birthdate = $facebook->api_client->users_getinfo($friend, ‘birthday’);
echo “<br>Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . $birthdate[0]['birthday'] . “\n”;
}
echo “</p>”;

Ésto ha sido todo, y como se puede ver al menos hacer un ejemplo no es muy dificil. A partir de aquí lo que os de la imaginación, estáis en vuestro servidor y podéis hacer casi lo que queráis. Para ver vuestra creación debeís acceder a http://apps.facebook.com/miaplicacion/, es decir, la página que habéis elegido como Canvas URL en la configuración.

Experimentad y ya me contaréis.

Editado: Ya he corregido el problema del que hablaban en los comentarios.

117 Comentarios
  1. laut

    Excelente :) espero que me salga algo, buscaré documentación, pero recomiendas algo?

  2. Jordi Oller

    Super útil post. Al leer esto ha desembocado en que me haya propuesto estas vacaciones hacer mi primera app sobre facebook y tiendas virtuales :)

    Saludos ;)

    PD: Direct to RSS

  3. facebook

    yo estoy incursionando en la creacion de apps para facebook cuando lo tenga listo te lo envio para q me des tu opinion.

  4. melanie

    quiero crear facebooke

  5. sergi

    soyn el sergi y soy cojonudo

  6. sergi

    como se hace para crearse un facebook

  7. ruz

    que es facebook? wuaajajajaja

  8. josie

    como hicieron para crear

  9. jose

    Pues he probado varias veces y al dar de alta la aplicación, en la configuaración no me sale el puto cuadro de texto donde ingresar my “CANVAS DIRECTORY” , no hay caso, no aparece por ningun lado!!

  10. tengotutto

    Muy bueno! estamos probando con unos amigos crear aplicaciones y todo la info q podamos recolectar sirve! ;)

  11. alegg

    Aqui hay otro tutorial para empezar a programar apps facebook. http://www.merchantos.com/makebeta/facebook/facebook-php-tutorial/

  12. vane b

    muy bueno!!! voy intentar hacerlo. gracias totales!!! ja!!

  13. gustavo

    excelente, esperando bajar un soft para probar tu codigo, y viendolo esta demasiado entendible!.
    Saludos y excelente articulo.

  14. emisael

    ah pocos no me habre la maldita pagina saben q todos aquellos que pongan un comentario aqui mamense un PENE MAMA GUEVOS

  15. Carmen

    Es junto lo que estaba buscando.

    Muchas gracias,

    Carmen

  16. fabricio

    Hola que tal porfa necesito alojar mi aplicacion en php para subirla al facebook pero no se donde..

    por favor necesito ayuda
    gracias

  17. furian

    gracias por el aporte hece todo lo que me indica el tutorial y me aparece lo siguiente.

    PHP Error Message

    Parse error: syntax error, unexpected ‘[‘, expecting ‘,’ or ‘;’ in /home/a9473322/public_html/furian/index.php on line 18

    Free Web Hosting

  18. esteban

    Excelente tutorial…me servira bastante , estoy intentando aprender algo de esto para poder crearme una aplicacion…me gustaria poder crear un plasmoide para kde4…

  19. Bmpm

    HOLA!

    SABIAN ALGO ¡¡N!! YO SI SOY LA MEJOR

  20. BM

    HOLA!
    me gustaria poder crear una cuenta por facebook pero no puedo porq los hps pirobos de f no me quieren aceptar

    chao!

  21. Yises

    Muchas gracias por la información!!!!

  22. la gatita arelitax

    hola me llamo areli y kiero tener un facebook para poder conectarme con mis companñeras pero no se como hacerlo ustedes me pueden alludar seria la niña mas feliz detodo el mundo

  23. Sexy

    Gracias por la informacion
    Estoy intentando crear una aplicacion asi que toda info es bienvenida.

  24. Ricardo Cárdenas

    Gracias por este post explicativo. Creo que te faltó un signo de dólar/peso ($) en un birthdate.

  25. Jose Manuel Calderon

    Muy buen post. Tan sólo corregir que hay que modificar la línea
    echo “Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . birthdate[0]['birthday'] . “\n”;

    por

    echo “Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . $birthdate[0]['birthday'] . “\n”;

    ya que si no PHP no reconocerá la variable.

  26. JC

    que hosting gratuito hay para almacenar la aplicacion, y como se ocupa?

  27. Claudio

    Hola, cuanto sale comprarme una aplicacion sensilla del estilo la galleta de la fortuna???
    Saludos

  28. ivan

    Parse error: syntax error, unexpected T_STRING, expecting ‘,’ or ‘;’ in /var/www/facebook-platform/index.php on line 18

    me sale eso luego de arreglar lo de $birthdate

  29. ::::VARGAS::::

    ME SALE ESTE ERROR:

    Parse error: syntax error, unexpected T_STRING, expecting ‘,’ or ‘;’ in /home/disenoin/public_html/varios/index.php on line 18

  30. Fernando

    Se equivoco al programar

    El puso:
    echo “Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . birthdate[0]['birthday'] . “\n”;

    Cuando enrealidad es:
    echo “Id de usuario: ” . $friend . ” – Fecha de nacimiento: ” . $birthdate[0]['birthday'] . “\n”;

    Son pequeños errores que se pasan por alto, quizas es programador de c y se olvido de poner “$”, cosa que suele pasar.

  31. gaston

    no se como se hace alguen puede explicarme lo que ees un php unos codigos y todo esoooo esto esta en chino simplificado

  32. federico

    mira sinceramente no entendi si esto me sirve para hacer lo q yo quiero asi q porfabor si alguien me puede explicar se lo agradesco… quiero hacer una aplicacion para q uno pueda armar un equipo de futbol con los jugadores q quiera (todos los jugadores del mundo o por lo menos los mejores y mas conocidos) esto sirve para eso??? como hago??? porfabor ayuda!!!…

  33. kaspito

    a mi me dice ke la url esta causando demasiadas redirecciones

  34. viqqi

    No entendi NADA podrias explicarlo mas facil por favor?

  35. viqqi

    yo quiero hacer una aplicacion para qe diga hazte fan y todo eso! por favor ayudenme lo mas rapido posibe se los voi a agradecer un monton!

  36. jasmine

    pero como puedo obtener el URL???

  37. Jersson

    Gracias por el tuto simple y util…. y gracias para el q checo el error en la linea 18…

  38. ave

    como puedo subir mis arcgivos flash al internet para obtener el cllback URL y ponerle en el facebook? .. gracias

  39. Jesus

    Muy buen post. Lo que pasa es que el otro día me surgió la duda de cómo obtener toda esa información sin necesidad de estar en una aplicación de facebook. ¿Cómo sería posible?
    Muchas gracias!!

  40. Ignatyus

    Buen post
    encontre esta otra pagina que puede ayudar tambien
    http://www.cristalab.com/tips/crear-aplicacion-hello-world-en-facebook-con-php-c73492l/

  41. =)

    buen post tio! vao a ver ke sale.. :D

  42. MONICA GALLEGO

    HOLA ME GUSTARIA SABER SI HAY ALGUNA MANERA DE SABER TANTO EN TUENTI COMO EN FACEBOOK LOS CUMPLEAÑOS DE GENTE DE TU PROVINCIA AUNQUE NO SEAN TUS AMIGOS ;-P
    GRACIAS!!!

  43. dante

    YO INDEPENDIENTEMENTE DE ESTO, SIN TENER IDEA DE APPS DE FACEBOOK, ME CREE UN BLOG, Y DE LA PAGINA DE DONDE ME CREE UN BLOG ME SALIA LA OPCION DE “F CONNECT” HOY POR HOY PROBANDO TODAS LAS FORMAS DE CONFIGURACIONES(SIN TENER IDEA), PUDE HACERQ MI BLOG SE VEA EN EL FACE, PERO LO UNICO QUE NECESITO ES ARREGLAR UN ERROR.. LA APP TIENE PESTAÑA DE MURO, PERO NO LOGRO HACER QUE SE VISUALICE.. SUPONGO QUE LAS DIMENSIONES DEL BLOG SON MUY GRANDES, LA PESTAÑA ES MUY PEKEÑA PARA ALBERGAR MI BLOG DIRECTAMENTE..
    EN FIN, AUNQUE SEA KIERO Q APAREZCAA UNA IMAGEN DEL BLOG(SI LOGRO HACER Q APAREZCA UNA IMAGEN TENDRE TODO LISTO XQ CON UN PROGRAMA CONFIGURO UNA IMAGEN PARA IR A UNA DIRECCION WEB..
    EN FIN, AUN NO PUEDO ASI Q NO ESTOY CONTENTO AUN

  44. cesar sandoval lozada

    Hola a todos las librerias de facebook ya no se pueden descargar desde ese vinculo habra otro lugar??? solo necesito eso:::

  45. locohero

    quiero crear un app como pet society si alguien me puede ayudar porfa muchas gracias envien al mail godofwar99@live.cl porfa en el asunto pongan como crear tu app en facebook please chao.

  46. S4design

    Hola, tengo un problema, resulta que estaba siguiendo el tutorial y la aplicación me funciona durante un rato pero luego deja de cargarme la sessión y si le doy a conectar me dice que la aplicación está en construcción. Por favor, inténtalo más tarde.

    La verdad es que no se que hacer.

  47. nicolasfolly

    nikolas el mejor

  48. nicolasfolly

    nicolas el mejor

  49. Cesar - Software Contable

    Buen tutorial me sirvio de mucho para crea mi pagina de facebook ahora le tengo lista y funcionando software contable

  50. novatin

    esto es viejo, ya no funciona, me sale

    Fatal error: Call to a member function friends_get() on a non-object in …

    require_login(); no va mas

  51. Berto

    Buenas,

    He copiado el código tal y como aparece por aquí, y me da un error, que es el siguiente:

    Fatal error: Call to undefined method Facebook::require_login()

    Yo no tengo mucha idea, pero diría que es como si la función require_login() para saber el id del usuario no la encontrara…

    Alguien me puede ayudar???

    Gracias de antemano,
    Salu2!!

  52. paola lozano

    Gracias muy útil tu post lo intentaré!. :)

  53. Franz

    Muy bueno, y donde puedo encontrar aplicaciones gratuitas ya realizadas.

  54. Kaisser

    Hola a todos.

    Creo que esto ya no funciona y debería actualizar lo publicado o avisarlo.

    Saludos

    ERROR:

    bplist00�_WebMainResource� _WebResourceMIMEType^WebResourceURL_WebResourceFrameName_WebResourceTextEncodingName_WebResourceDataYtext/html_file:///index.htmlPUutf-8O�
    Aplicación no disponible temporalmente
    Errores de tipo Parse:
    FBML Error (line 19): illegal tag “body” under “fb:canvas”
    Lo sentimos, la aplicación que estabas usando está experimentando un problema. Por favor, inténtalo de nuevo más tarde.

  55. Juan Rodriguez

    Hay que pagarle algo a facebook por subir una aplicacion no comercial?

  56. gary adams

    quisiera saber como quito esa aplicacion de mi cuenta facebook… agrdecere tu repuesta gracias ….

  57. Gana dinero con facebook

    muy interesante el articulo ya que con las aplicaciones es posible ganar dinero en la red, todo depende de la imaginacion.

  58. juan

    Hola, una pregunta
    al intentar crear una aplicación facebook me pide que me registre a facebook móvil y al intentarlo me doy cuenta de que entre los países de la lista no aparece España, por lo que no me he podido registrar
    ¿Qué puedo hacer?

  59. adrian

    a mi me pasa lo mismo que a juan, me pide que registre facebook movil y no sale españa…

  60. GAby

    Espero k me ayude

  61. Marcos911

    ganas credito creando tu propia aplicacion??

  62. paola

    quiero crear mi aplicasion

  63. Ángel

    En http://www.tukuyux.com también se pueden crear y gestionar apps para las páginas de fans de Facebook de una forma fácil y rápida.

  64. palkiax

    que se ignifica app name space en el developers que tengo que poner

  65. Rayadito

    hola quisiera hacer una aplicacion de preguntas y repuestas y llevar el control de las personas ke contesten correctamente la PREGUNTA, la quiero hacer, para ke mis amigos tengan algo ke hacer cuando estan dentro del Facebook…saludos

  66. Daniela

    Hola!.
    Muchas gracias por el tutorial, esta muy bueno.
    El problema que tengo es que luego de haber creado la aplicacion en forma correcta, no puedo añadirla a mi fan page en una “pestaña”. Ingreso a la aplicación que cree y no sale por ningun lado el boton de “añadir a mi pagina”. Ya mire por todos lados y no logro resolver el problema.

    Muchas gracias!

  67. artberri

    Siento decirte que este tutorial es muy antiguo y que ya no es válido. La API a cambiado mucho desde entonces.

  68. capo

    esta re bien graxx ya entiendo como aser mi aplicasion bay besos :) ;)

  69. arturomatazombies

    oie amigo nos arias un gran favor sube el gta san andreas porfavor todos los del face lo keremos jugar en face porfavor amigo as una campaña para eso pa k te dejen poner el gta i tengas a todos los de face como amigos

  70. Di@n@

    que le pongo en Espacio de nombres de la aplicacion? <3 <3 <3

  71. Martin

    Muy buena la información, intenté crear mi propia aplicación pero sin éxito y terminé comprandola en http://www.milesdefans.com , realmente recomendada la aplicación de concursos, saludos Martin

  72. Abi GaiL

    te cobra plata para ser un juego en facebook

  73. el bafle

    me parece muy improvisado esto… bueno ademas de eso tienes varios errores… no me gusta dañar la reputaciion de nadie….!!!

  74. Crea tu App de Presentación en facebook

    Os recomiendo una aplicación genial para Facebook. Se llama UFANBUILDER y consiste en generar automáticamente una web completa de acabado profesional dentro de tu página de facebook. Una vez instalada se elige un diseño y se edita la web con un completo gestor de contenidos. Además, dispone también de otras aplicaciones como Tienda en Facebook, Gestión Inmobiliaria, etc…Podeis echarle un vistazo en la web oficial http://www.ufanbuilder.com
    Espero que os sirva. Saludos.

  75. carlos

    me encanto el tema pero yo quiero saber si es posibleble crear una aplicacion para compartir con mis amigos y los que futuramente seran lo que quiero es hacer es una aplicacion y que todos puedan escuchar musica en su facebook que lo tengan en su pripio facebook y que tambien sea posible que puedan publicar en su muro la aplicacion si ves la pagina que tengo veras lo que quiero me gustaria que me ayudes.

  76. Jose Antonio

    Buenos días,

    Tengo una consulta por que ya no se que hacer,

    Tengo una app de facebook, que publica en el muro de los usuarios.

    pero mi problema es que cuando el usuario instala la app, y acepta los permisos,

    hago un direccionamiento a una nueva pestaña mostrando la información.

    El problema es que cuando el usuario vuelve a la pestaña de facebook, sigue la ventana popup de la aplicación solicitando que el usuario vuelva a instalar la app.

    el usuario ya tiene instalada la app, con que no debería de salir ese mensaje.

    por otra parte si el usuario vuelve a aceptar que la vuelva a instalar, sale un mensaje de que el usuario ya tiene instalada la app.

    me gustaría que si alguien me pudiera ayudar.

    Un saludo

  77. wild ones 3

    este juego de wild ones tiene todos los pets sin tenar que comprarlos y con ropa que no sale y pets que nunca an a salido espero que les guste

  78. wild ones 3

    (…) Link a crear una aplicacion para facebook(…)

  79. wild ones 2

    este juego sera bueno se los aseguro

  80. wild ones 2

    bacan el juego

  81. wild ones 6

    Link a crear un aplicacion para facebook

  82. maria juliana hernandez

    holaa a todoss feliz dia del niño que lo difruten .

  83. Sofia Meza Garcia

    Esto no me ayudo para nada

  84. greceeeeeeeeee88

    Sorry pero a mi no me sirvio porque lo hago y me sale como “ERROR”

  85. El que te quiere cojer y chuparte la pija

    Yo no puedo porque no tengo cel y no me animo con el tel

  86. victor

    yo no puedo aser mi aplicacion por k no ser

  87. victor

    yo no puedo aser mi aplicacion

  88. belen

    es facil y no te vcgvecv

  89. belen

    aser una aplicacion es lo mas facikl de mundo

  90. dragon story

    este es un buen juego

  91. dragon story

    miren este juego

  92. dragon story

    pes yo quiero tener un buen jego

  93. dragon story migue

    yo quiero tener un buen juego

  94. dragon trucos

    hfgbcvgfbhghfrhgcvgvbvhnchchfvc

  95. dragon trucos

    fgdferessasfdfdsxdcghjjnjjkpouio

  96. Christan Alexander

    facebook a cambiado mucho desde este posts quiero saver como seria hacerlo ahora plis y muchas gracias

  97. odrebh

    y como hago mi foto de perfl?

  98. alessio

    Tengo una idea para una aplicacion para facebook pero me falta saber como hacerla …es un gran problema …por que se que es una buena idea bueno como aplicacion muy buena

  99. super dragonciti

    quiero crear este juego porque quiero dibertirme

  100. franyeli

    quiero crear un juego ya mismo

  101. carmina

    me puede a yudar a ser un face por que yo no se hacer un face

  102. quqiqiqi

    olaaaaaaa como estan todos

  103. daniel

    gggggggggggg

  104. anaemeliesandovalbolivar

    quiero crear un juego para facebook a ver el control

Deja un comentario

Trackbacks
  1. [...] Link a Crear una aplicación para Facebook [...]

  2. [...] Como crear una Aplicación Facebook [...]

  3. [...] http://www.berriart.com/2008/12/01/crear-una-aplicacion-para-facebook/ ArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArrayArray Esta entrada fue publicada en Uncategorized. Guarda el enlace permanente. ← Primeros pasos para generar aplicaciones de Facebook [...]