Versões comparadas
Chave
- Esta linha foi adicionada.
- Esta linha foi removida.
- A formatação mudou.
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 que você tenha ter acesso à categoria de blocos referente ao Plugin Facebook, você precisa fazer os passos da figura 1.
Image RemovedImage Added
Figura 1 - Inserindo o plugin no projeto
- Clique em Plugin no menu do sistema;
- Em seguida, Adicionar novo plugin;
- 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).
Image Added
Image RemovedFigura 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.2 - Selecionando o tipo da aplicação
Após isso, preencha os dados solicitados referente ao aplicativo (Figura 1.3)
Image RemovedImage Added
Figura 1.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 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
Image RemovedFigura 2 - Obtendo Token temporário
- Verifique no campo Aplicativo do Facebook, se o aplicativo que você criou esta está selecionado;
- No campo Usuário ou página, selecione a página que deseja;
- Por fim, clique em Generate Access Token.
Após clicar em "Generate Acess Token", irá aparecer uma janela de confirmação do Facebook, para prosseguir, basta clicar em "Continuar como".
Permissões
Após continuar, 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. Caso precise, acessa a documentação oficial sobre as permissões clicando aqui.
Image Added
Image RemovedFigura 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
Image RemovedFigura 2.2 - Depurador de token de acesso
Após o passo anterior, clique na aba Token de acesso, cole o token e clique em Depurar (Figura 2.3).
Image RemovedImage Added
Figura 2.3 - Depurando colando o token de acesso
Após clicar em Depurar no passo anterior, role até o fim da página e clique em Estender token de acesso (Figura 2.4).
Image Added
Image RemovedFigura 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) copie o token, pois mais à frente iremos inserir inseri-lo na IDE.
Image RemovedImage Added
Figura 2.5 - Token estendido
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 RemovedImage 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 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
Image RemovedFigura 3.1 - Função básica de publicação
Nesta página:
Índice |
---|