Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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.
Projeto do tipo mobile criado. Caso haja dúvidas de como criar esse tipo de projeto acesse o link Criar projeto;
- 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.
Image Added
Figura 1 - Inserindo o plugin no projeto
- Clique em Plugin no menu do sistema;
- Em seguida, Instalar Plugins;
- Pesquise por "Plugin Facebook" no campo de busca e selecione Plugin Facebook;
- 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).
Image Added
Image RemovedFigura 1.1 2 - Selecionando o tipo da aplicação
Após isso, preencha os dados solicitados referente ao aplicativo (Figura 1.23)
Image Removed
Image Added
Figura 1.2 3 - Dados do aplicativo
- Nome de exibição do aplicativo: Preencha preencha com o nome do aplicativo;
- Email E-mail de contato do aplicativo: Digite digite um e-mail para contato;
- Conta do Gerenciador de negócios: Dependendo 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 a chave secreta do aplicativo
Após o aplicativo ser criado, acesse Painel → Configurações → Básico e guarde o ID do aplicativo e o segredo do aplicativo pois precisaremos utilizar mais a frente. (Figura 2)
Image RemovedFigura 2 - Obtendo o Id e Chave do app//
Obtendo o Token de Acesso permanente
Navegue até o Facebook Graph API Explorer , para gerar token de acesso de curta duração.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.
Image Added
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.
Image Added
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).
Image Added
Figura 2.2 - Depurador de token de acesso
Clique na aba Token de acesso, cole o token e clique em Depurar (Figura 2.3).
Image Added
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).
Image Added
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).
Image Added
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.
Image Added
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.
Image Added
Figura 3 - Inserindo Token em Parâmetros do Sistema
- Clique em Projeto;
- Clique em Parâmetros do Sistema;
- Clique em Novo;
- 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.
Image Added
Figura 3.1 - Função básica de publicação
Nesta página
Índice |
---|