24/11/2009 - 18:24

Facebook Connect: Como configurar o App

O facebook connect é uma API do Facebook que permite que você desenvolva suas aplicações, tais como comentários de blogs, utilizando informações da conta do usuário do Facebook, ou , também, permite que você poste mensagens no mural do usuário do facebook.

Veja o exemplo abaixo da utilização do Facebook Connect. O site utilizado é o www.techcrunch.com

Neste ponto abaixo, o usuário permite a conexão do site/aplicação com a conta dele no facebook.

tech01

Neste ponto ele digita o usuário e senha dele no Facebook.

tech02

Após validação da conta no facebook, o fconnect traz alguma informações de volta.

tech03

Uma vez postado o comentário, o facebook connect traz um pop para a confirmação da inclusão da mensagem no mural do usuário dentro do facebook.

tech04

Depois de confirmada, a mensagem é postada no Mural do usuário dentro do Facebook,

tech05

Este foi um exemplo da utilização do Facebook Connect em um blog, no caso o http://www.techcrunch.com/

Legal, já vi em funcionamento, mas como eu faço isso?

Em princípio parece difícil mas na verdade é bem fácil. Vamos lá.

A primeira coisa que você precisa é de uma conta no facebook. Acesse www.facebook.com e crie sua conta.

fb01

Após a criação da conta, deve-se adicionar ao menos um amigo para validar a conta (parece mentira, mas apanhamos muito até descobrir isso)

Após criar a conta e ter uma amigo adiconado, podemos criar um app.

Primeiro passo, acesse www.facebook.com/developers.

Permita o acesso ao developers.

fb02

Clique em set up a new application (do lado direito superior).

fb03

Preencha o Nome do APP e concorde com os termos de responsabilidade.

fb04

A partir deste ponto você começa a preencher os dados do APP.

fb05

Aqui você escolhe as imagens do app. A imagem(icone) que será exibido em cada postagem no mural e a imagem do app. (não é necessário incluir para funcionar, mas a utilização deixa o App mais completo)

fb06

Vamos usar o mpai Par o ícone (Meu Primeiro App)

enviaricone

Faça o mesmo processo para a imagem maior.

Não altere mais nada nesta tela.

Clique em Conectar.

Nesta tela preencha o campo “Conectar URL” com a URL de onde a página que utilizará o Fconnect vai acessar, exemplo, se o endereço da página for, por exemplo,  “http://www.meuprimeiroappnofacebook.com/mpa.php?id=1″, no campo você deve preencher “http://www.meuprimeiroappnofacebook.com”, nada mais.

fb07

Clique em Salvar alterações.

Pronto, você configurou seu primeiro App.

fb08

A chave de API, será utilizada posteriormente na página.

fb09

Enviado por: Leandro Garcia - Categoria(s): API, Connect, facebook, midia social Tags relacionadas: , ,

Deixe um comentário:

Os campos com * são de preenchimento obrigatório