Obtener datos de Página de Facebook con Js

obtener datos de Página de Facebook con Js

A veces estamos desarrollando una página web y queremos que los datos de nuestra página estén en nuestra web, bien sea un álbum de fotos, comentarios que nos dejan los seguidores, incluso hasta la calificación de nuestros seguidores hacia nuestra página. Bueno,  vamos a obtener datos de Página de Facebook con Js

Lo primero que tenemos que hacer es crear la aplicación en Facebook.

Segundo, vamos a crear nuestro proyecto en nuestro ordenador, creando un archivo .js donde vamos a desarrollar nuestro script. Adicionalmente agregaremos el SDK en nuestro head, teniendo nuestra estructura base de la siguiente manera:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Document </title>
    <!-- SDK de Facebook -->
    <src="https://connect.facebook.net/en_US/sdk.js" > </script>
    <!-- Mi script -->
    <src="my_script_file.js" > </script>
  </head>
  <body>
  </body>
</html>

Ahora vamos a ir codeando en nuestro js. Agregaremos la configuración básica a nuestro script.

var config = {
  appId            : 'your-app-id',
  autoLogAppEvents : true,
  xfbml            : true,
  version          : 'v2.9'
}
    
window.fbAsyncInit = function() {
  FB.init(config);
};

Donde dice 'your-app-id' lo cambiamos por el Identificador de la Aplicación que aparecerá en la vista principal de la aplicación que creamos principalmente.

Ahora viene la magia…
abajo de la instrucción FB.init(config); colocamos el siguiente código

  FB.api(id, datos, function(response){
    // code
  });

Donde…

  • id: Es el id de la página de facebook (No confundir con el id de la aplicación)
  • datos: es un objeto JSON con los datos para petición

Ahora… ¿Que datos van el en JSON?

Estos…

var datos = {
  fields : '',
  access_token: ''
}

Donde…

  • fields: es un string con los datos que se desean obtener, ejemplo: 'id'. Si quieres mas de un dato, sepáralos por comas. Ejemplo: 'id,name,picture'. Aquí tienes una Lista interminable de todo lo que puedes consultar, solo scrolea hacia abajo y busca la tabla Fields
  • access_token: Te voy a dar un truco para que puedas conseguir el Token de Acceso para tu página. Te acuerdas de la aplicación que creamos al principio, y viste que en el dashboard te la un Identificador de la Aplicación y te da la Clave secreta de la Aplicación, bueno, uniéndolo los 2 en un string separado por un pipe genera un access token. Quedando de esta manera [app-id]|[secret-code]

Y listo… ya tienes acceso a los datos de tu página… el parámetro response del callback, tiene todos los datos que solicitaste, lo puedes corroborar con un console.log(response)


Libros que podrían interesarte


Deja un comentario

- Tu Coreeo Electronico no será publicado

Comentarios: