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

  1. Facebook Connect, como conectar sua página com o facebook.
  2. Facebook Connect, como postar no mural do Usuário.
  3. Facebook Connect.
  4. Blog do Garcia virou App e está no Facebook
  5. Postando no Facebook com FCONNECT. Atualização;



6 Comentários »

  1. Comentário por Yana — 23/01/2011 @ 6:13 pm

    Oi Leandro, joia
    estava olhando o seu tutorial, fiquei com algumas duvidas para inserir apps, minha duvida é onde vou colocar o arquivo zipado, sei q é no servidor depois de descompactar ai mudo os codigos, mas onde eu coloco em que pastas? to com algumas duvidas, se puder me ajudar te agradeço.

  2. Comentário por leandro garcia — 20/05/2011 @ 2:00 pm

    Não existe um local padrão para se colocar o app

  3. Comentário por Paulo — 22/06/2011 @ 3:22 pm

    OLa cara, tenho uam duvida.. eu tenho meu face, mas dentro dele criei uma pagina para o pessoal curtir, ai queria colocar algo lá que fosse linkado ao site no caso do “corinthians” para que as informações d elá fossem direto para essa pagina.. tem como ?
    Aproveitando.. gostaria de jogar uma imagem no corpo dessa pagina indicando uma seta pro pessoal curtir.
    valeu!

  4. Comentário por leandro garcia — 22/06/2011 @ 7:17 pm

    Paulo, não entendi, você queria que as informações de um site fossem automaticamente para a página que você criou? E ara colocar um like em determinada área, sim é possível, mas não como nas páginas, é necessário colocar um componente, agora não sei te dizer qual é, mas ja fiz.

  5. Comentário por Gisele — 07/01/2012 @ 10:03 pm

    Olá Leandro,

    Talvez você possa me dar uma resposta ao problema de criação de novo app no Facebook. Porque o acesso a página dos desenvolvedores (www.facebook.com/developers)ou qualquer link the criação de novo app não funciona no Facebook Brasil? Apenas temos disponível a instalação de apps existentes.

    Qual o link que nos dá acesso aos passos acima citados??

  6. Comentário por leandro garcia — 09/01/2012 @ 3:55 pm

    Para você criar um aplicativo no facebook agora, é necessário verificar sua conta. Eu verifiquei, colocando meu celular, eles enviaram um SMS com um código que eu inseri e confirmou minha conta

Rss dos comentários TrackBack URL

Deixe um comentário