Adobe Flash » Graph Api

Publicar Con la Graph Api Facebook Tutorial

Daniel Muela — Sun, 30 May 2010 17:22:23 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

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/aplicaciones/publicar-con-la-graph-api-facebook-tutorial

Post agregado:

Hola ola!!… Ahora nos adentraremos a la conexion con Graph Api de Facebook y Javascript SDK y la publicacion con la misma..
aqui les dejo el ejemplo de lo haremos:
http://muelalab.com/ejemplos/tutos/facebook/publicar1.php

Vamos a empezaar..
Antes que nade tienen que tener ya una apllicacion configurada…

1.- Login con Facebook Connect
Creamos un nuevo documento .php o .html, y comenzamos colocando este codigo:



    
        
        Muelalab.com :: Publicar Con Api Facebook

Esto es necesario siempre que vayamos a utilizar la graph Api, Ahora entre los tag escribimos el siguiente codigo, cambiando las xxxx por tu Aplication ID:

2.- Publicando con la Graph Api
Ahora crearemos 3 funciones, la funcion de login la funcion de logout y la funcion para estas 3 usaremos la graph api, escribimos el siguiente codigo dentro de el tag script:

function login(){
                FB.api('/me', function(response) {
                    alert(response.name + " se ha logeado.!");
                });
            }
            function logout(){
                alert("Hasta luego!");
            }
            function Apipublish(){
                var mensaje = 'Aprendiendo A Publicar Con La Graph Api Desde muelalab.com';
                FB.api('/me/feed', 'post', {message:mensaje}, function(response){
                    if(!response || response.error) {
                        alert('Error!');
                    }else{
                        alert('Se Ha Publicado');
                    }
                });
            }

Las funciones login y logout son sencillas (en este caso), simplemente cuando son llamadas muestran un mensaje, en el caso de usar FB.api(‘/me’… estamos requieriendo a la Api nuestra informacion, entre ellas esta el “name”…
Para la funcion de Apipublish hace uso del metodo FB.Api() que hace una llamada al HTTP POST a http://graph.facebook.com/me/feed con un mensaje como parametro… y ese mensaje sera el publicado en el feed (wall) del usuario.. Aca mas info de la Api

Y listo ya tienen su funcion para publicar! logicamente solo hay que llamarla.. para eso podrian ahcerlo con un link de la siguiente forma…

Publicar En Muro Usando La Graph Api

Espero les ea util!! y estare habalndo mas sobre la Graph Api, les dejo el codigo de mi ejemplo para escargar…
Cualquier duda/sugerencia/comentario es bueno para mi!

muchas gracias y sueerte!!

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

Facebook Graph Api – Users (birthday, email, link, about) – Tutorial

Daniel Muela — Tue, 25 May 2010 15:21:40 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

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 'Mis Datos

';
echo '
';
echo $me['name'];
echo "
Email: ".$me['email'];
echo "
Cumpleaños: ".$me['birthday'];
echo "
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

Graph Api Facebook Tutorial

Daniel Muela — Sat, 15 May 2010 19:39:18 +0000

Este es un agregador de feeds de blogs relacionados con la Plataforma Flash de Adobe, no es el creador de los contenidos que contiene.

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:

 '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):



  
    Facebook Graph Api Tutorial
  
  
    
';
    echo '';
 }else{
    echo 'Logeo Sin JavaScript:
';
	echo '';
 }
  if($me){
	echo ' Mis Datos

';
    echo '
';
    echo $me['name'];
    }else{
    echo 'No Estas Conectado';
	}
  ?>

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