O Plugin Facebook, permite adminsitrar publicações em perfis, grupos ou páginas, assim como obter dados sobre as publicações sem ter que acessar diretamente a rede social.

Pré-requisitos

Antes de começar a seguir os passos do tutorial é preciso ter certeza de que se tem um ambiente minimamente preparado para reproduzir o exemplo. Abaixo estão os requisitos principais.

  1. Projeto do tipo mobile criado. Caso haja dúvidas de como criar esse tipo de projeto acesse o link Criar projeto;

  2. Possuir uma conta no portal de desenvolvedores do Facebook.

Passos

Adicionando Plugin Facebook

Para você ter acesso à categoria de blocos referente ao Plugin Facebook, você precisa fazer os passos da figura 1.


Figura 1 - Inserindo o plugin no projeto


  1. Clique em Plugin no menu do sistema;
  2. Em seguida, Instalar Plugins;
  3. Pesquise por "Plugin Facebook" no campo de busca e selecione Plugin Facebook;
  4. Clique em avançar e depois em finalizar para concluir.

Criando o app no Facebook

Assim que logar na sua conta do Facebook, clique em Criar aplicativo (Figura 1.1).


Figura 1.1 - Criando aplicativo no Facebook


Após clicar em Criar aplicativo, selecione o tipo de aplicativo que deseja (Figura 1.2).


Figura 1.2 - Selecionando o tipo da aplicação


Após isso, preencha os dados solicitados referente ao aplicativo (Figura 1.3) 


Figura 1.3 - Dados do aplicativo


  • Nome de exibição do aplicativo: preencha com o nome do aplicativo;
  • E-mail de contato do aplicativo: digite um e-mail para contato;
  • Conta do Gerenciador de negócios: dependendo do tipo selecionado, isso ficará como opcional, acesse a documentação oficial para mais detalhes sobre o uso do Gerenciador de negócios.

Obtendo o Token de Acesso

O Token gerado, será um token temporário, que mais à frente iremos configurar para que ele não expire, você irá precisar do token para utilizar nos blocos da IDE. Navegue até o Facebook Graph API Explorer e siga os passos da figura 2.


Figura 2 - Obtendo Token temporário


  • Verifique no campo Aplicativo do Facebook, se o aplicativo que você criou está selecionado;
  • No campo Usuário ou página, selecione a página que deseja;
  • Por fim, clique em Generate Access Token.


Em seguida irá aparecer uma janela de confirmação do Facebook, para prosseguir, basta clicar em "Continuar como".

Permissões

O token será gerado no campo Token de acesso, após isso, você terá que definir as permissões do token, com isso, no campo Adicionar uma permissão, selecione as permissões que deseja, como exemplo, selecionamos todas, mas é obrigatório que a permissão "pages_show_list" esteja selecionada. Caso precise, acessa a documentação oficial sobre as permissões clicando aqui.


Figura 2.1 - Permissões do token de acesso


Copie o token gerado e vá em Ferramentas no menu superior, em seguida clique em Depurador de token de acesso (Figura 2.2).


Figura 2.2 - Depurador de token de acesso


Clique na aba Token de acesso, cole o token e clique em Depurar (Figura 2.3).


Figura 2.3 - Depurando colando o token de acesso


Role até o fim da página e clique em Estender token de acesso (Figura 2.4).


Figura 2.4 - Estendendo token de acesso


Após clicar em Estender token de acesso, confirme sua senha e em seguida a imagem de sucesso abaixo será exibida na página (Figura 2.5).


Figura 2.5 - Token estendido


Com o Token estendido, volte para a página Facebook Graph API Explorer e no campo referente ao destaque 1 da figura 2.6, escreva "me/accounts" e clique em Enviar, no campo "access_token" (2 da figura 2.6) copie o token para inserir na IDE.


Figura 2.6 - Copiando Token para o projeto

Exemplo do uso de blocos e uso do token de acesso

Primeiramente iremos inserir o token que conseguimos nos parâmetros do sistema, como boa prática, essa é a forma recomendada de uso (Figura 3), mas o token também pode ser inserido diretamente nos blocos.


Figura 3 - Inserindo Token em Parâmetros do Sistema


  1. Clique em Projeto;
  2. Clique em Parâmetros do Sistema;
  3. Clique em Novo;
  4. Defina um nome para o Token no campo Parâmetro, em seguida, em Valor digite o Token de acesso e o Perfil que terá acesso a esse parâmetro do sistema, clique em OK e salve o projeto.

Blocos

Após concluir os passos acima, no exemplo abaixo, o bloco Publicar Post recebe o Token por meio do bloco Obter Parâmetro do Sistema fazendo uma publicação de um conteúdo de texto chamado "Exemplo", a variável Public retorna o ID da publicação.


Figura 3.1 - Função básica de publicação


Nesta página

  • Sem rótulos