Estou criando um Feed (lista de conteúdo dinâmico) com o conteúdo do mural de um grupo do Facebook. Sei que exite alguns recursos que o próprio Facebook fornece, como o Social Plugin - Like Box. Depois de alguns testes, vi algumas dificuldades para manusear o CSS do Plugin. Futuramente vou adaptar o Feed pra receber do Twitter também então gostaria de diferenciar os posts de cada com a logo do mesmo. Vendo que esse propósito é bem específico não só em funcionalidades, mas também entra questão do Design já estar pronto, achei melhor pegar apenas os objetos (acho que com JS) e com JS exibi-los no meu Feed que já está pronto. Alguma ideia?
2 Respostas
Pelo que entendo da tua pergunta, tu precisas fazer uso da API do Facebook para recolher dados e/ou a feed de determinado utilizador recebendo os mesmos na forma de um objecto.
Se fizeres um HTTP Get
ao endereço graph.facebook.com
com parametros adequados ao que pretendes e uma Token de acesso válida, vais receber de volta um objecto JSON com a informação pretendida.
Existem três tipos de dados que caem dentro daquilo a que chamados de feed, o que te leva a utilizar o link adequado mediante o que pretendes recolher, de forma a realizares um HTTP Get
e recolher a informação:
Atualizações de estado status updates
http://graph.facebook.com/IdUtilizador/statuses?access_token=TokenDeAcessoValido
Lista de itens na parede do utilizador wall stream
http://graph.facebook.com/IdUtilizador/wall?access_token=TokenDeAcessoValido
Lista de itens na home do utilizador home feed
http://graph.facebook.com/IdUtilizador/home?access_token=TokenDeAcessoValido
A documentação do Facebook para este assunto pode ser encontrada aqui (Inglês).
A informação recebida é um JSON que é um objecto dando assim conta do teu problema.
Em baixo um exemplo do formato de dados que recebemos:
{
"id": "220439",
"name": "Bret Taylor",
"first_name": "Bret",
"last_name": "Taylor",
"link": "http://www.facebook.com/btaylor",
"gender": "male",
"locale": "en_US",
"username": "btaylor"
}
A utilização é relativamente simples:
var endereco = "http://graph.facebook.com/btaylor";
$.getJSON(endereco, function(data) {
var name = data["name"];
$("#meuElemento").append("<h3>"+name+"</h3>");
});
Existem também outros exemplos de informações que pode ser recolhidas na forma de objectos. Nesta página (Inglês), entre muitos estão os que referi em cima.
Facebook Query Language (FQL)
Recorrendo a linguagem de consulta do Facebook, podes realizar consultar idênticas às de SQL e recolher os dados numa forma mais prática e sem "lixo":
Na página de Visão Geral (Inglês), eles tem uma série de exemplos, mas vamos pela recolha do nome como ilustrado em cima:
var endereco = "http://graph.facebook.com/";
var consulta = "fql?q=SELECT name FROM user WHERE uid = me()";
var tokenAcesso = "&access_token=XXXX";
$.getJSON(endereco+consulta+tokenAcesso, function(data) {
var name = data["name"];
$("#meuElemento").append("<h3>"+name+"</h3>");
});
As consultas podem ser testadas no Graph Explorer (Inglês).
-
O que seria esse 'Token De Acesso Valido' e 'ID do Utilizador' e como consigo? Tem como me dar um exemplo de uma página pública? 27/02/2014 às 20:22
-
Jà que eu quero exibir no feed o Mural de uma página acho que seria a Wall Stream, correto? 27/02/2014 às 20:30
-
-
-
@Zuuul, sabe como faço pra filtrar os posts? Queria no JSON apenas os posts feitos pela própria página. 28/02/2014 às 2:52
Você vai ter dificuldades para alterar o css do plugin porque o conteúdo vai estar dentro de um iframe.
Você via ter que utilizar a o SDK de JavaScript do FaceBook
Lendo conteúdo de uma fanpage:
FB.api('/113124472034820', function(response) {
console.log(response);
});
Pegando dados do usuário:
FB.api('/me', {fields: 'last_name'}, function(response) {
console.log(response);
});
Postando conteúdo:
var body = 'Reading JS SDK documentation';
FB.api('/me/feed', 'post', { message: body }, function(response) {
if (!response || response.error) {
console.log('Error');
} else {
console.log('Post ID: ' + response.id);
}
});