Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/facebook/facebook-graph-api-users-birthday-email-link-about-tutorial

Post agregado:

Buenas buenas.. una ves mas aqui con un tutorial express!!!.. he recibido algunos correos que queiren q les hable mas de la Graph Api de Facebook y con gusto lo hare solo que ahora como lo dije en un post anterior estoy con un nuevo proyecto y estoy usando todo el tiempo posible en el..

Pero bueno sigamos!… ahroa vamos a ver como obtener por medio de la Graph Api alguna informacion del usuario logeado…
Aqui les dejo un ejemplo:
http://muelalab.com/ejemplos/tutos/facebook/info.php

Vean el ejemplo!… Entre la informacion que podemos acceder esta la siguiente:

• ID: El id del usuario logeado
• first_name: Primer nombre
• last_name: Apellido
• name: nombre completo
• link: un link hacia el perfil del usuario
• about: el texto que aparece debajo de la imagen del perfil
• birthday: fecha de cumpleaños
• work: lo que tenga escrito en la casilla trabajo
• education: lo que tenga en la casilla educacion
• email: Su correo electronico
• website: su pagina web

Como ven esos son los datos que podemos acceder de un USUARIO, como lo hariamos!.. mas q simple!! (ya se los habia dicho en el tutorial anterior pero parece q nadie experimento ni me hizo caso XD!!!)
Lo que haremos es seguir EXACTAMENTE el tutorial de Graph Api Facebook Tutorial hagan el tutorial y pruiebenlo.. una ves les funcione, podran acceder a la informacion del usuario simplemente ahciendo algo como esto:

echo '<h3>Mis Datos</h3><br>';
echo '<img src="https://graph.facebook.com/'.$uid.'/picture"><br>';
echo $me['name'];
echo "<br>Email: ".$me['email'];
echo "<br>Cumpleaños: ".$me['birthday'];
echo "<br>About Me:".$me['about'];

Calro ese codigo lo agregan al index.php donde imprimimos los datos… y listo tendran accesos a esa informacion! =)!!
Espero les sea de ayuda!! y seguire colocando tutoriales!! de hecho ya tengo un muy buen ejemplo preparado!! es cuestion de escribir el tutorial!! sigan visitandonos, recomendandonos y sobre todo comentando!! hasta un gracias es bueno y si tiene dudas con gusto las resolvemos!!

Suerttee!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/facebook/facebook-graph-api-users-birthday-email-link-about-tutorial

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/facebook/fbml-comments-comentarios-en-aplicacion-facebook

Post agregado:

Hola hola!.. Bueno ahora veremos como colocar un cuadro de comentarios para nuestra Aplicacion de Facebook, de hecho es muy simple y muy practico, Facebook no lo pone facil usando FBML y el tag fb:comments, vamos a aprender a colocarlo y claro modificar algunas de sus propiedades… el ejemplo final se vera asi (click en la imagen para ver el ejemplo en facebook):

Como ven es un caudro de comentario que puede ser configurado, se podria poner en una pagina solo o dentro de una aplicacion (se adapta al tamaño de donde se encuentre)… Bueno el codigo es sencillo, Abrimos un nuevo archivo .php, y escribimos el siguiente codigo:

<fb:comments xid="comentarios_muelalab" canpost="true" candelete="false" returnurl="http://www.muelalab.com/ejemplos/face/">
<fb:title>Dejanos Todos Tus Comentarios!!</fb:title>
</fb:comments>

• Explicacion: Simple… como ven usamos el tag fb:comments y le pasamos algunas propiedades (que ahora veremos),  ademas agregamos otra tag fb:title que nos permite colocarle un titulo a nuestrra caja de comentarios…

Propiedades fb:comments

• xid: Es un Identificador unico para la tabla de comentarios, si usas el mismo nombre en distanta aplicaciones, te mostrara los mismos comentarios.
• canpost: Tipo booleano (true o false), indica si los usuarios pueden comentar
• candelete:Booleano, indica si el ussuario peude borrar cualquier comentario
• numpost: El numero de post que se mostraran por pagina, el valor default es 10
• returnurl: Url donde el usuario es redireccionado si preciona “Volver”
• send_notification_uid: Te permite colcar un User id para que este reciba notificaciones si hay nuevos comentarios (para administrador)
• publish_feed: Booleano, nos muestra la opcion “publicar en mi muro”
• reverse: Muestra lso comentarios en sentido contrario

Como ven pueden agregar propeidades dentro del tag fb:comments para ahcer la tabla a sus medida… Ahora simplemente suben el archivo .php a la ruta que tiene especificada en su “callback Url” de la aplicacion (si no saben ver tutorial de configuracion aplicacion facebook) y listo!!..

Espero les sea de ayuda! y sigan visitandonos y recomendandonos profavor ^^… Seguiremos atendiendo todas sus dudas/comentarios/sugerencias que nos son de mucha ayuda! gracias y surte!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/facebook/fbml-comments-comentarios-en-aplicacion-facebook

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/facebook/graph-api-facebook-tutorial

Post agregado:

Hace algunos dias Facebook mostro su nuevo sistema “Graph Api” que nos permitira desarrollar sitios sociales mas facilmente, simplificando la manera que los desarrolladores leremos y enviaremos informacion a Facebook. La Api representa como objetos a cualquier cosa, por ejemplo a la gente, o las fotos o paginas de fans… Cada uno de estos objetos tiene un ID unico y se puede obtener la informacion de manera simple mediante el siguiente enlace https://graph.facebook.com/ID (ejemplo: https://graph.facebook.com/100000498077405 – mi informacion)

Como vemos (abran el link de ejemplo), cada objeto dependiendo su tipo tiene cierta informacion por ejemplo un objeto de tipo “Usuario” tiene Propiedades: id, first_name, last_name, name, link, about, birthday, work, education, email, website y tambien tiene “conexiones” que podrian ser friends, post, groups, picture y podemos accesar a toda esa informacion simplemente mandando una llamda a el Api con su ID (user id).. Ahora vamos a ver un ejemplo para hacer la llamda al api y obtener y mostrar inforamcion de algun usuario =)… Es Preferible que se lean la documentacion oficial de Facebook Api

Se puede hacer llamados al api tanto con PHP como con JavaScript, ahora veremos como hacerlo con PHP… Aqui Esta El Ejemplo Que Hareos…

Ejemplo: http://muelalab.com/ejemplos/tutos/facebook/

Antes de empezar necesitamos configurar nuestra aplicacion, pero ademas nos vamos a la casilla “Connect” y ponemos en “connect Url” la url donde subiran lso archvivos… (alli un tutorial Solo hasta la parte de configurar) y descargar el Api Facebook (Para descargarla abren el link y en la parte superiorm derecha veran el boton “download Source”, escojen bajarlo como formato .zip y aceptar), una ves descargada la descomprimimos y tendremos 3 Carpetas una de ellas es “src” la abrimos y  tendremos la api “facebook.php”, subimos la Api al mismo directoria que especifiquemos en “conect Url“..

Una ves hecho esto comenzaremos a crear nuestro archivo de ejemplo, creamos un nuevo archivo que llamaremos “index.php” lo abrimos para editar y colocamos le siguiente codigo:

<?php
require 'facebook.php';
$facebook = new Facebook(array(
  'appId'  => '124092184283992',
  'secret' => '2e50f436c176159e9b2a06ee5e456c69',
  'cookie' => true,
));
$session = $facebook->getSession();
$me = null;
if($session){
  try {
    $uid = $facebook->getUser();
    $me = $facebook->api('/me');
  } catch (FacebookApiException $e) {
    error_log($e);
  }
}
if($me){
  $logoutUrl = $facebook->getLogoutUrl();
}else{
$loginUrl = $facebook->getLoginUrl(array('req_perms' => 'offline_access,email,user_birthday,publish_stream,read_stream'));
}
?>

• Explicacion: (Explicare como si ya supieran manejar PHP U.u… por que si no nunca acabo, igual si se quedan con dudas preguntan).. Primero cargamos la Api de facebook, y pasamos las propiedades necesarios para manejarlo, cambien el appID y secret por los correspondientes a su aplicacion, Se crea una session (facebbok nos permita el acceso), se verifica si Facebook nos concedio el acceso si es asi entonces obtenemos el UserID con la funcion getUser() , con api(‘/me’) obtenemos una referencia a nuestro propio objeto (con nuestrra informacion), luego si el objeto $me existe (es decir estamos logeados) obtenemos la Url de “deslogeo” en caso contrario obtenemos la url de logeo… (getLogoutUrl y getLoginUrl), a esta le pasamos unos parametros que son para obtener permisos para accesar a la informacion del usuario, para conocier su email, poder publicar en su muro y leer su muro……

Masomenos asi va la cosa… ahora ya que tenemos el objeto $me al ser un objeto (array) podemos obtener la informacion simplemente pasandole el nombre de la info que requerimos por ejemplo $me["name"] nos regresaria el nombre completo del usuario =o… Vamos a continuar, Agregando el siguietne codigo (logicamnte debajo del que ya tenemos):

<!doctype html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>Facebook Graph Api Tutorial</title>
  </head>
  <body>
    <div id="fb-root"></div>
<?
 if ($me){
    echo '<a href="'.$logoutUrl.'">';
    echo '<img src="http://static.ak.fbcdn.net/rsrc.php/z2Y31/hash/cxrz4k7j.gif"></a>';
 }else{
    echo '<div>Logeo Sin JavaScript:<br>';
	echo '<a href="'.$loginUrl.'"><img src="http://static.ak.fbcdn.net/rsrc.php/zB6N8/hash/4li2k73z.gif"></a></div>';
 }
  if($me){
	echo ' <h3>Mis Datos</h3><br>';
    echo '<img src="https://graph.facebook.com/'.$uid.'/picture"><br>';
    echo $me['name'];
    }else{
    echo 'No Estas Conectado';
	}
  ?>
  </body>
</html>

• Explicacion: Notese que la Primeras dos lineas deben ser asi siempre… Hacemos un par de verificaciones, si estamos logeado (if($me)) colocamos le boton de deslogear y en otro caso pues ponemos el boton de logear, y Luergo una sengunda verificacion donde si estamos logeados mostraremos la foto del usuario, para esto llamamos a la Graph Api le pasamos el userID y luego “picture” (ya que picture no es una propiedad, s no una conexion) y luego mostramos el Nombre….

Y listo Ahora suben el archiv index.php ala misma carpeta donde especificaron en “Connect Url” junto con el facebook.php y van a su URL y veran que podran hacer la conexion desde su web!!.. y mostar inforamcion de facebook en su web!!… (como en mi ejemplo al inicio)… Muy bien! como ven es algo “facil” pero reborujado y esto fue solo php se reboruja mas con javascript xD.. Pero seguire poniendo ejemplos de ambos, practiquen, cambien las propiedad para mostrar, descarguense los archivos,etc… Espero todas su dudas/comentario/sugerencias

Gracias y suerte!!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/facebook/graph-api-facebook-tutorial

Este post fue creado por Daniel Muela en el blog http://muelalab.com/blog.
Deberías haber sido redirigido al post original mediante Javascript, de no se así puedes acceder a él desde el siguiente enlace:
http://muelalab.com/blog/personal/dedicalas-facebook

Post agregado:

Bueno estos dias, estube trabajando en una aplicacion en facebook Dedicalas!, la idea viene de mi novia XD! de crear una aplicaion que nos permita Compartir musica entre los usuarios, pero no solo enviar un link .. sino enviar el mismisimo reproductor mp3 a el muro de cada usuario.. y si ahora puedes escuhcar la musica en tu muro …

Logicamente totalmente gratuita, puedes seleccionar entre mas de 1000 canciones que dia con dia vamos aumentando (has tus peticiones de musica! ).. con todos los gustos y generos..

Te recomiendo que visites Dedicalas! y bueno si a alguien le interesa algo pregunte q para eso estamos

suerte!!

Autor del post: Daniel Muela
Enlace original: http://muelalab.com/blog/personal/dedicalas-facebook