Este documento detalla los pasos para obtener los tokens de acceso de Facebook y el uso de las fichas para ir a buscar alimenta FB.
Ejemplo: Un ejemplo vivo está disponible en
https://newtonjoshua.com
Introducción a Graph API: La API de gráficos es la principal forma de obtener los datos dentro y fuera de Plataforma de Facebook. Es una API de bajo nivel basada en HTTP que puede usar para consultar datos, publicar historias nuevas, administrar anuncios, cargar fotos y una variedad de otras tareas que una aplicación podría necesitar hacer.
aplicaciones de Facebook:
https://developers.facebook.com
Crear una aplicación de Facebook. Obtendrá una App_Id
y App_Secret
Graph API Explorer:?
https://developers.facebook.com/tools/explorer/{{App_Id}}
/method = GET & path = me% 2Ffeed & versión v2.8 =
te hará obtener un access_token
que es de corta duración. Entonces este será nuestro short_lived_access_token
.
Nota: al crear el token de acceso, seleccione todos los campos fb que necesite. Esto le dará permiso al token de acceso para recuperar esos campos.
acceso de emergencia Extensión:
https://graph.facebook.com/oauth/access_token?grant_type=fb_exchange_token&client_id={{APP_ID}} & client_secret = {{App_Secret}} & fb_exchange_token = {{corta duración-señal_acceso}}
Obtendrás un access_token
con una validez de 2 m onths.
Token de acceso Depurador:
https://developers.facebook.com/tools/debug/accesstoken?q={{}} señal_acceso & versión v2.8 =
puede comprobar comprobar los detalles de la access_token
.
Facebook SDK de JavaScript: Incluir el siguiente JavaScript en el código HTML para cargar de forma asíncrona el SDK en su página
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
Graph API: Vamos a hacer una llamada a la API para conseguir nuestra Identificación del FB , foto de perfil, foto de portada y feeds.
window.fbAsyncInit = function() {
FB.init({
appId: '{{App_Id }}',
xfbml: true,
version: 'v2.7'
});
FB.api(
'/me',
'GET', {
fields: 'id,picture{url},cover,feed',
access_token: {{access_token}}
},
function (response) {
if (response.error) {
console.error(response.error.message);
}
if (response.picture.data.url) {
profilePic = response.picture.data.url;
}
if (response.cover.source) {
coverPic = response.cover.source;
}
if (response.feed.data) {
feeds = response.feed.data;
feeds.forEach(function (feed) {
// view each feed content
});
}
if (response.feed.paging.next) {
nextFeedPage = response.feed.paging.next;
// a request to nextFeedPage will give the next set of feeds
}
}
);
};
usar la gráfica API Explorer para diseñar su consulta que se deben introducir en los campos de los (por ejemplo: 'id, imagen {url}, cubierta, alimentación')
Ahora se puede recuperar su Datos de Facebook de Facebook Graph API usando access_token.
Consulte https://developers.facebook.com/docs/graph-api/overview/
Nota: Su access_token
expirará en 2 meses. Crea un nuevo access_token después de eso.
Por si acaso ustedes quieren mostrar el avance de la línea de tiempo de una página de Facebook, encontré un tutorial que explica cómo hacerlo, paso a paso https://www.codeofaninja.com/2014/10/display-facebook-page -feed-on-wordpress-or-website.html – Emkey