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.

53 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.

Deja un comentario

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

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