Crear una aplicación para 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.

Comentarios

  • http://derkaffe.com laut

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

  • http://www.jordioller.com 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

  • http://www.wihe.net facebook

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

  • melanie

    quiero crear facebooke

  • sergi

    soyn el sergi y soy cojonudo

  • sergi

    como se hace para crearse un facebook

  • http://www.buinlebar.cl ruz

    que es facebook? wuaajajajaja

  • josie

    como hicieron para crear

  • 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!!

  • http://utn-blog@blogspot.com tengotutto

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

  • http://blogdesarrollo.com alegg

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

  • vane b

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

  • http://www.codigox.tk gustavo

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

  • emisael

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

  • http://www.livingdolcevita.com Carmen

    Es junto lo que estaba buscando.

    Muchas gracias,

    Carmen

  • fabricio

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

    por favor necesito ayuda
    gracias

  • 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

  • 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…

  • http://www.briza.com Bmpm

    HOLA!

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

  • http://www.buscalopues.com BM

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

    chao!

  • http://www.nosoyfriki.com Yises

    Muchas gracias por la información!!!!

  • 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

  • http://www.more2sexy.com Sexy

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

  • http://www.facebook.com/people/Ricardo-Crdenas/562171201 Ricardo Cárdenas

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

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

  • JC

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

  • Claudio

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

  • 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

  • http://webargas2.blogspot.com ::::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

  • http://facebook.com 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.

  • http://www.facebook.com/gastonjofrealegria gaston

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

  • 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!!!…

  • kaspito

    a mi me dice ke la url esta causando demasiadas redirecciones

  • viqqi

    No entendi NADA podrias explicarlo mas facil por favor?

  • 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!

  • jasmine

    pero como puedo obtener el URL???

  • Jersson

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

  • ave

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

  • http://googlechrome eduardo

    gracias

  • http://www.yises.com 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!!

  • 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/

  • =)

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

  • 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!!!

  • 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

  • http://www.cesarsandovall.com cesar sandoval lozada

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

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

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

  • http://nicolasfolly nicolasfolly

    nikolas el mejor

  • http://www.niko_capo.com nicolasfolly

    nicolas el mejor

  • http://www.nectilus.com Cesar – Software Contable

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

  • 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

  • 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!!

  • http://www.paolalozano.com.mx paola lozano

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

  • http://franzpc.blogspot.com/ Franz

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

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

  • http://www.latienditabeatles.com Juan Rodriguez

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

  • http://www.facebook.com/garyadams2012 gary adams

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

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

  • 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?

  • adrian

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

  • http://Google GAby

    Espero k me ayude

  • Marcos911

    ganas credito creando tu propia aplicacion??

  • http://google.com paola

    quiero crear mi aplicasion

  • http://www.tukuyux.com Á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.

  • http://kratos33.jimdo.com palkiax

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

  • 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

  • http://facebook.com ray heddemar yañez perez

    quiero crear uno

  • http://facebook.com ray heddemar yañez perez

    =) :P :O ayudenme!!

  • 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!

  • http://www.berriart.com artberri

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

  • capo

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

  • http://google cesar

    :)

  • http://facebook 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

  • Di@n@

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

  • http://www.localdesign.com.uy 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

  • http://español Abi GaiL

    te cobra plata para ser un juego en facebook

  • el bafle

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

  • http://www.ufanbuilder.com 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.

  • http://www.facebook.com/decarlosponce 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.

  • 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

  • http://hppt/wildones3/facebook/disponible 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

  • http://hppt/wildones3/facebook/disponible wild ones 3

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

  • http://hppt/wildones3/facebook/disponible wild ones 2

    este juego sera bueno se los aseguro

  • http://hppt/wildones2/facebook/disponible/bien wild ones 2

    bacan el juego

  • http://hppt/wildones/facebook/disponible/bien wild ones 6

    Link a crear un aplicacion para facebook

  • maria juliana hernandez

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

  • http://toluca Sofia Meza Garcia

    Esto no me ayudo para nada

  • http://facebook greceeeeeeeeee88

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

  • http://ahzn wet

    n ,.

  • El que te quiere cojer y chuparte la pija

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

  • http://www.google.com victor

    yo no puedo aser mi aplicacion por k no ser

  • http://www.google.com victor

    yo no puedo aser mi aplicacion

  • http://facebook belen

    es facil y no te vcgvecv

  • http://facebook belen

    aser una aplicacion es lo mas facikl de mundo

  • http://fasce dragon story

    este es un buen juego

  • http://fasce dragon story

    miren este juego

  • http://fasce dragon story

    pes yo quiero tener un buen jego

  • http://fasce dragon story migue

    yo quiero tener un buen juego

  • http://fasce dragon trucos

    hfgbcvgfbhghfrhgcvgvbvhnchchfvc

  • http://fasce dragon trucos

    fgdferessasfdfdsxdcghjjnjjkpouio

  • http://www.youtbookhoo.tk Christan Alexander

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

  • odrebh

    y como hago mi foto de perfl?

  • 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

  • http://wwwgogle.com super dragonciti

    quiero crear este juego porque quiero dibertirme

  • http://linux franyeli

    quiero crear un juego ya mismo

  • http://tucuman carmina

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

  • http://tucuman tuty

    olaaaaaaa

  • http://tucuman quqiqiqi

    olaaaaaaa como estan todos

  • http://roger daniel

    gggggggggggg

  • http://www.lacasademuñecasanaemelie.com.co anaemeliesandovalbolivar

    quiero crear un juego para facebook a ver el control