10/03/2010 - 16:05
Tempos atrás o Facebook alterou a forma de postar mensagens através da API.
Em posts anteriores eu havia escrito que “precisamos é criar um ‘template feed data’” e bla bla bla. Esqueçam. O Facebook mudou isso. Ficou mais fácil.
A função agora é a “FB.Connect.streamPublish”.
Quando precisei alterar a aplicação que eu desenvolvi, eu apenas alterei a função que chamava esta função da API. No post que eu havia feito, a função era a “facebook_publish_feed_story".
Para usar a função streamPublish, basta passar via JSON (ver post aterior) as informações que você quer exibir, respeitando, é claro, as especificações da API.
exmplo de JSON
var attachment = {‘name’:'Atualizando’, ‘description’:'Estou descrevendo a minha mensagem que pod ser um pedaço de um post…’, ‘href’:'http://www.leandrogarcia.com/blog/};
Este JSON acima adiciona o conteúdo da mensagem.
Neste abaixo, Eu adicono o texto que fica na parte de baixo da mensagem publicada.
var actionLinks = [{ "text": "Acompanhe também:", "href": "http://www.leandrogarcia.com/blog"}];
Neste a mensagem que aparece na caixa.
var message = “Esta mensagem vai aparecer na caixa de dialogo”;
E em seguida eu chamo a função;
FB.Connect.streamPublish(message, attachment,actionLinks);
A função completa fica:
function facebook_publish_feed_story() {
var message = "Esta mensagem vai aparecer na caixa de dialogo";
var attachment = {'name':'Atualizando','description':'Estou descrevendo a minha mensagem que pod ser um pedaço de um post...','href':'http://www.leandrogarcia.com/blog/};
var actionLinks = [{ "text": "Acompanhe também:", "href": "http://www.leandrogarcia.com/blog"}];
FB.Connect.streamPublish(message, attachment,actionLinks)
}
A variável message, você pode recebela na função. Vai da sua necessidade.
O Tyler, havia me perguntado sobre isso. O por que não estava funionando. Espero que esteja esclarecido.
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook
Tags relacionadas: facebook, facebookn connect
25/11/2009 - 16:39
Para se conectar co Facebook, precisa-se seguir algunas passos básicos.
1º Quando você iniciar a tag HTML, você deveincluir nela uma sintaxe XML do Facebook. como o exemplo abaixo.
Antes
<html xmlns="http://www.w3.org/1999/xhtml">
Depois
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
2º Incluir ao final do documento, antes da tag </body> as linhas abaixo, onde 6f9a5e6aeeff75a6c5ef707dbc301e3f, é a Chave API que você cadastrou anteriormente.
<script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"></script>
<script type="text/javascript">
FB.init("6f9a5e6aeeff75a6c5ef707dbc301e3f","xd_receiver.htm");
</script>
3º Você deve enviar um arquivo html receiver para a mesma pasta do app no sevidor. O código deve ser exatamente o abaixo, sempre.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js" type="text/javascript"></script>
</body>
</html>
Pronto, você conectou seu aplicativo. Simples, não?
Mas, vamos melhorar um pouco.
Vamos incluir o botão Fconnect, para conectar.
Isso é mais complicado.
Você precisa incluir a tag abaixo onde você quiser que o botão apareça.
<fb:login-button></fb:login-button>
Brincadeira, é bem simples.
Com isso você se conecta, mas não obtem nenhuma informação sequer.
Vamos melhorar mais um pouco.
Vamos colocar o botão do Fconnect e uma div com um id (user)
<div id="user">
Name: <input name="name" size="27"><br />
Ou você pode se conectar com <fb:login-button lenght="long" onlogin="update_user_box();"></fb:login-button>
</div>
É nessa div, que mais tarde as informações serão incluídas via Javascript.
vamos cirar a fução em Js para receber e arrumar as informações.
function update_user_box(){
var user_box = document.getElementById("user");
user_box.innerHTML =
"<span>"
+ "<fb:profile-pic uid=loggedinuser facebook-logo=true></fb:profile-pic>"
+ "Bem-vindo, <fb:name uid=loggedinuser useyou=false></fb:name>. Voc&amp;amp;amp;ecirc; est&amp;amp;amp;aacute; conectado &amp;amp;amp;agrave; sua conta do facebook."
+ "</span>";
FB.XFBML.Host.parseDomTree();
}
Com essa função você recebe a imagem (avatar) do usuário e o nome dele e joga tudo naquela div que criamos anterormente (lembra?).
<!-- essa é a imagem -->
<fb:profile-pic uid=loggedinuser facebook-logo=true></fb:profile-pic>
<!-- essa é o nome -->
<fb:name uid=loggedinuser useyou=false></fb:name>
Pra finalizar, na última linha, onde incluimos A chave da API, nós fazemos uma pequena alteração.
FB.init("6f9a5e6aeeff75a6c5ef707dbc301e3f","xd_receiver.htm", {"ifUserConnected" : update_user_box});
Incluindo a sintaxe “{“ifUserConnected” : update_user_box}”, ao entrar na página, se o usuário estiver conectado ao facebook e ter permitido a página acessar seu perfil, não aparece o botão do connect, mas já as informações.
Em relação ao botão “Fconnect” não da pra alterar ao seu “bel prazer”, mas da pra usar alguns pré-confirgurados. Neste link você consegue visualizar as opções disponíveis.
É isso. Agora você já sabe como conectar ao facebook. No próximo post, vou ensira a postar alguma coisa no mural.
Para maiores informações sobre a API acesso o Wiki. http://wiki.developers.facebook.com/
Veja o vídeo explicativo
Enviado por: leandro garcia - Categoria(s): API, Connect, facebook
Tags relacionadas: facebookn connect