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.

  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 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


  1. Clique em Plugin no menu do sistema;
  2. Em seguida, Adicionar novo plugin;
  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).


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


  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 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