Estás en Inicio / Editorial / Desarrollo Web
10.01.2008
Detrás de los tres pilares “integración profunda”, “distribución masiva” y “nuevas oportunidades”, la red social Facebook ofrece una completa API para que los desarrolladores aprovechen al máximo las virtudes inherentes de una red social.
Facebook logró su popularidad siendo una red social capaz de contener aplicaciones realizadas por terceros, permitiendo así la realización de negocios a partir de la misma. Más allá de las aplicaciones propias que presenta, como es el caso de: “The Wall”.
Suerte de pizarra virtual del usuario donde otros usuarios pueden dejarle mensajes o “Status”, que permite a los usuarios indicar sus actividades o estados de ánimo al resto de la red, Facebook permite la creación de aplicaciones mediante la utilización de web services para el acceso a los datos de la red.
Los recursos disponibles a los desarrolladores se agrupan en 3 categorías:
Una aplicación en Facebook posee una compleja estructura que permite brindar una experiencia de usuario completa:
El primer paso consiste en agregar la aplicación “Developer“. Todo contenido que se agrega a Facebook es una aplicación, es así que para desarrollarlas es necesaria una aplicación que las contenga.

Luego debemos presionar el botón “Set Up New Application”: allí se nos preguntará el nombre de nuestra aplicación y clickeando en “Optional Fields” encontramos información necesaria para el desarrollo.
Por el momento solo le daremos atención a la “Callback URL” que será la dirección a la que Facebook enviará a nuestros usuarios luego de su autenticación y a “Canvas Page URL” que será la URL mapeada de Facebook a nuestra aplicación y por la que los usuarios accederán a la misma. Definimos entonces:
Elegimos:
Ahora debemos agregar nuestra aplicación: para esto nos dirigimos a Developers y allí buscamos nuestra aplicación (en la barra derecha) y hacemos un click en el nombre.
Allí vemos un botón que dice “Add Application”, lo apretamos y en la página siguiente hacemos lo mismo con “Add NOMBRE_DE_LA_APLICACION”. Bien, está todo listo para nuestro “Hola Mundo” en Facebook:
Por ejemplo:
<h1> Mi primer canvas! </h1>
Probamos que la nuestro primer canvas sea accesible utilizando un navegador:

Ahora probamos accediendo a nuestra aplicación dentro de Facebook:

La configuración inicial de nuestra aplicación está lista, ahora mejoremos la misma para aprovechar alguna de las virtudes de la API provista por Facebook.
En primer lugar hay que obtener la librería para conectarse a la API:
Luego reemplazamos [API Key], [Secret Key] y [CallbackURL] por nuestros datos. Con respecto al require_once debemos indicar la ubicación del archivo ‘facebook.php’ dependiendo de que versión de PHP usamos:
appinclude.php
<?php
require_once 'facebook.php';
$appapikey = '[API Key]‘;
$appsecret = ‘[Secret Key]‘;
$facebook = new Facebook($appapikey, $appsecret);
$user = $facebook->require_login();
$appcallbackurl = ‘[Callback URL]‘;
//catch the exception that gets thrown if the cookie has an invalid session_key in it
try {
if (!$facebook->api_client->users_isAppAdded()) {
$facebook->redirect($facebook->get_add_url());
}
} catch (Exception $ex) {
//this will clear cookies for your application and redirect them to a login prompt
$facebook->set_user(null, null);
$facebook->redirect($appcallbackurl);
}
Ahora modificamos nuestra página inicial por esta:
1 <?php require_once 'appinclude.php';?>
2 <h1>
3 Mi primer canvas!</p>
4 Hola <fb:name uid="<?=$user;?>" useyou="false"/></p>
5 Tus amigos son:</p>
6 <table>
7 <?php
8 $i = 1;
9 foreach ($facebook->api_client->friends_get() as $friend_id) {
10 if ($i == 1){
11 echo "<tr>";
12 }
13 echo "<td>" . "<fb:profile-pic uid='" . $friend_id . "'/>" . "</td>";
14 echo "<td>" . "<fb:name uid='" . $friend_id . "'/></br>" . "</td>";
15 if ($i == 4) {
16 $i = 0;
17 echo "</tr>";
18 }
19 $i++;
20 }
21 ?>
22 </table>
23 </h1>

Analicemos las secciones resaltadas:
este requiere únicamente al atributo uid (user id) que es el id de facebook del usuario que se desea mostrar, se agrega en este caso también el atributo useyou en false para que no escriba “you” en caso de ser uno mismo el usuario visitante. Como uid se pasa el valor $user que fue obtenido en el archivo appinclude.php haciendo $user = $facebook->require_login();$facebook->api_client->friends_get() los amigos del usuario logueado como un array de ids. que renderiza como un elemento ![]()
de HTML la foto del perfil de un usuario (el indicado en uid). pero en este caso se utiliza como uid el id de cada amigot.Vimos entonces como con solo algunas líneas de HTML y FBML se puede obtener una aplicación simple que muestre los amigos del usuario logueado.
Califica esta nota:
Si eres nuevo en Maestros del Web y te agradan nuestras publicaciones, te invitamos a suscribirte a nuestro Feed.
Sindícanos en: Google Reader, Bloglines, My Yahoo o My MSN | ¿Qué es el Feed?
30 comentarios en total.
Un artículo muy interesante, y muy completo. Se explica brevemente la forma de trabajar para crear aplicaciones dentro de Facebook.
Felicitaciones !
a mi correo llegan invitaciones de amigos a facebook cuando abro el correo me envia a una direccion para que abra una cuenta ya la abri y no me sale nada que hago
Excelente tutorial Facebook se ha ganado un buen puesto en nuestros Bookmarks.
hola, me gusto tu nota pero tengo una duda, espero que me puedas ayudar, cree una aplicacion la cual solo la veo en el lado izquierdo donde estan todas las aplicaciones y funciona pero lo que quiero es que mi aplicacion este visible en el escritorio, ya modifique que sea desktop y no me pone nada en el escritorio espero que me puedas ayudar
Cordial Saludo:
Mi pregunta frente al articulo.. es qué derechos tiene facebook frente a los desarrollos que realicemos??
Mi pregunta es si vale la pena desgastarse tanto creando mas vaians para seguir sociavagoniando. En lo personal a mi Facebook me aburre, parace un atari de niños lleno de cositas y cositas que si uno se pone a pensar en ultimas no sirve mas que para que sigas perdiendo tu valioso tiempo.
Esa es mi humilde opinion. Salu2.
Hola,me gustaría que me aclaraseis la siguiente duda:
1)¿Puedo de alguna manera saber quien ha visitado mi perfil?
Porque alguien me he ha comentado que presione Ctrl f4,o Alt f4 y no obtengo ningún resultado.Si me podeis ayudar genial…Saludos
Hola, no se porque pero estoy teniendo un problema con el appinclude.php, desde facebook recivo el siguiente error:
Parse error: syntax error, unexpected T_IF in /home/xxxxxxxx/public_html/miapp/appinclude.php on line 9
donde la linea 9 se corresponde con:
try {
he mirado arriba y esta todo bien, no entiendo el porque de este error. Alguno podria darme una luz en esto?
muy buen tutorial Facebook lijeramente me ha aclarado algunas dudas que tenia, saludos
me parecio super chevere ademas he aclarado muchas dudas que tenia sobre esta nueva forma de interatuar
DESEO DARME DE BAJA EN FACEBOOK, DIGANME COMO LO PUEDO HACER (SI NO VALE CON ESTE ENVIO), CONTESTANDOME A MO CORREO
tengo el mismo problema que Martin.
Me da un error en esa línea pero el código es correcto…
¿una ayudica?
Un saludo!
Muy bueno tu tutorial felicidades. Solo queria hacerte una pregunta, yo tengo en mi computadora un servidor casero APACHE, entonces lo que tengo que poner como CallBack Url seria algo asi:
http://MyIPpublica/Carpetaconaplicacion
El problema es que si yo escribo una URL asi desde cualquier ordenador, ninguno puede accesar a mi servidor apache. Si esto me esta pasando entonces no puedo seguir addelante vdd?
En si, facebook funciona ejecutando las aplicaciones en nuestros propios servidores’? Ojala . de vdd ojala me pudieras responder
Soy uno más del monton que han posteado acá y no reciben respuesta.
Hola, no se porque pero estoy teniendo un problema con el appinclude.php, desde facebook recivo el siguiente error:
Parse error: syntax error, unexpected T_IF in /home/xxxxxxxx/public_html/miapp/appinclude.php on line 9
donde la linea 13 se corresponde con:
try {
he mirado arriba y esta todo bien, no entiendo el porque de este error. Alguno podria darme una luz en esto?
para todos los que le da el error en la linea 13 y para el creador del artículo (gracias por cierto), por si lo desea tener en cuenta.
El archivo appinclude.php esta preparado para php5, en php 4 no existe la estructura try / cach por lo que da el error.
Yo directamente me carge la captura de la escepcion:
//catch the exception that gets thrown if the cookie has an invalid session_key in it
try {
if (!$facebook->api_client->users_isAppAdded()) {
$facebook->redirect($facebook->get_add_url());
}
} catch (Exception $ex) {
//this will clear cookies for your application and redirect them to a login prompt
$facebook->set_user(null, null);
$facebook->redirect($appcallbackurl);
}
por
if (!$facebook->api_client->users_isAppAdded()) {
$facebook->redirect($facebook->get_add_url());
}
Un saludo a todos
Hola, ls aplicacion accounter no me permite ver los candados negros.No se que pasa, mando las invitaciones y no puedo ver quien ingresa ami faceebook.agradezco una solucion
Hola me salía tmb el error, lo cual hice lo que dejaste Daniel Gonzáles pero no me funcionó me sale este error.
“Call to a member function on a non-object in la ruta de mi archivo en linea 18″
si tienes algun ejemplo paso a paso y que si funcione se los agradecería que lo enviaran a mi correo. Gracias
Tengo un problema pareciera q no me funciona el FBML, ya que no me despliega las imagenes ni mi nombre de usuario, alguien sabe que podriaestar pasando ? a que se debe ?
Gracias
Hola buena tarde, seria muy bueno que nos ayudaras a todos a crear la funcion para que se puedan invirtar a los amigos a usar la aplicación.
en la pagina http://www.aplicacionesfacebook.net/, publicaron el codigo que se supone que serviria pero ya lo utilice y no funciona, salen errores.
Un abrazo y gracias.
Esta cosa ya tiene muchisimo tiempo, pero si a la gente que le daba error la API o el error de
“Call to a member function on a non-object in la ruta de mi archivo en linea 18″
Es porque no tienen instalado PHP5
simple, pero suele suceder =P
ola!! sabes necesito ayuda no puedo ingresar al perfil de mi facebook, hago click y dice cargando, y salen todo en ingles.
además todo sale subrayado.
agradeceria me ayudaran =)
tao!!
Ya no se que hacer para entrar en Facebook, me inscribo hago todo y nunca me llega la aceptacion via email, porque???
Como puedo saber quien mira mi profile en facebook??????
tengo una semana que no puedo entrar a mi perfil ,que puedo hacer………..
Funciona perfectamente!
lo que pasa es que me registre en el facebook subi una foto pero ahora no puedo iniciar sesion por que no me acuerdo de mi contraseña, y si aparesco registrada me pueden ayudar porfis y enviarme mi contraseña gracias.
muy buen aporte andaba buscando esto .. ![]()
yo no se que es lo que pasa con facebook ya que hoy quise entrar y no pude me sale correos de otras personas que na que ver conmigo yo pense que facebook era bueno pero veo que no es asi
Como se yo si alguien me elimino de facebook, por que a veces veo su perfil y a recibido o aceptado amigos a la misma hora que yo estoy en linea - online, ademas como se si la persona ya leyo los mensajes enviados en facebook. esperando de su aporte, gracias……….
Yo soy muy torpe para esto pero mr gustaria como un tutorial para poder crear la aplicacion, sigo todos los paso pero cuando voy por el paso que dice “Add Application” no sale en la pantalla no lo encuentro. Gracias spero que me puedan ayudar.
Saludos.
Maestros del Web es el punto de encuentro para los entusiastas de la red.
Creative Commons by-nc-sa 3.0 | Política de Privacidad | CMS: Wordpress