Conectar o login do Facebook

Para que os usuários do seu serviço se cadastrem com uma conta Facebook, você registra o seu serviço no Facebook e recebe o App ID e o App secret.

Esta página apresenta a ordem para obter o App ID e o App secret. O modo de colocar na WEEGLOO os dois valores recebidos está em Colocar o App ID e o App secret na WEEGLOO.

Obter o App ID e o App secret no Facebook

Depois de entrar com a sua conta Facebook, siga em ordem as quatro etapas abaixo. O que você faz aqui não tem custo.

1

Criar o app

Se você já tem um app em uso e na tela Use cases desse app há o item Facebook Login, pode usar esse mesmo app em vez de criar um novo. Nesse caso, pule esta etapa e vá para Adicionar a permissão de e-mail.

Você passa em ordem pelas cinco telas App details, Use cases, Business, Requirements e Overview.

  1. Abra a tela da lista de apps (https://developers.facebook.com/apps (abre em uma nova aba)).

  2. Clique em Create App.

    Tela Apps sem nenhum app. No centro estão o aviso No apps yet e o botão Create App

  3. Em App name, digite um nome que você reconheça depois (por exemplo, Guarda-Roupa Aconchegante).

  4. Em App contact email, digite o endereço no qual você recebe os contatos. É o endereço que o Facebook usa quando fala com você sobre este app.

  5. Clique em Next.

    Etapa App details da tela preenchida por etapas. Há o campo App name e o campo App contact email, e no canto inferior direito está o botão Next

  6. Marque Authenticate and request data from users with Facebook Login.

  7. Clique em Next.

    Etapa Use cases da tela preenchida por etapas. Entre os seis itens, Authenticate and request data from users with Facebook Login está marcado

  8. Escolha o item I don’t want to connect a business portfolio yet. Como diz a explicação na tela, o portfólio de negócios pode ser adicionado depois.

  9. Clique em Next.

    Etapa Business da tela preenchida por etapas. Aparecem a opção I don’t want to connect a business portfolio yet. e o aviso de que não há nenhum negócio

  10. Leia o conteúdo da tela Requirements e clique em Next. Não há nada para preencher.

    Etapa Requirements da tela preenchida por etapas. Abaixo de Publishing requirements estão listados Business verification e App Review

  11. Na última tela, Overview, confira o que você escolheu até aqui e crie o app.

2

Adicionar a permissão de e-mail

Quando o usuário faz login com o Facebook, a WEEGLOO também recebe o e-mail e o guarda no membro. Em um mesmo Space, um e-mail só pode se cadastrar uma vez. Se você não adicionar a permissão email, o Facebook não entrega o e-mail, então não pule esta etapa.

  1. Se a tela do app não estiver aberta, na tela da lista de apps (https://developers.facebook.com/apps (abre em uma nova aba)) clique no app que você vai usar para o login.

  2. No menu à esquerda, clique em Use cases.

  3. Clique em Customize, no item Facebook Login.

  4. À esquerda, clique em Permissions and features.

  5. Clique em + Add, na linha email.

    Lista Permissions and features. Na linha email não há marca em Status e em Action está o botão + Add; na linha public_profile aparece Ready for testing

  6. Confira se o Status das duas linhas, email e public_profile, é Ready for testing.

    A mesma lista. Nas duas linhas, email e public_profile, o Status é Ready for testing

3

Registrar o endereço de login

  1. Se a tela Customize use case não estiver aberta, na tela da lista de apps (https://developers.facebook.com/apps (abre em uma nova aba)) clique no app que você vai usar para o login. Em seguida, em Use cases, no menu à esquerda, clique em Customize, no item Facebook Login.

  2. À esquerda, clique em Settings.

  3. No campo Valid OAuth Redirect URIs, cole o endereço abaixo. Ao escolher o seu Space, o identificador é preenchido.

    Space
    https://auth.weegloo.com/v1/spaces/{spaceId}/login/oauth2/code/facebook

    Se você não sabe qual é o seu Space e entregou a integração a um agente de IA, há também o caminho de perguntar ao agente. Peça no chat "me diga o endereço de redirecionamento para registrar no login do Facebook" e você recebe o endereço já completo.

    O Redirect URI Validator, na parte de cima da mesma tela, não é o lugar onde se registra o endereço. Coloque um endereço em Redirect URI to check e clique em Check URI para conferir esse endereço.

  4. Clique em Save Changes.

    Tela Settings. Na parte de cima está o Redirect URI Validator e, na parte de baixo, em Client OAuth settings, está o campo Valid OAuth Redirect URIs

4

Copiar o App ID e o App secret

O App ID e o App secret estão na tela de configurações básicas do app.

Acima desta tela pode aparecer um banner vermelho, Currently ineligible for submission. É o aviso de que App icon, Privacy policy URL e Category estão vazios. Os três itens são necessários na hora de enviar a análise e não são necessários para conectar o login agora.

  1. Se a tela do app não estiver aberta, na tela da lista de apps (https://developers.facebook.com/apps (abre em uma nova aba)) clique no app que você vai usar para o login.

  2. No menu à esquerda, clique em App settings.

  3. Clique em Basic.

  4. Copie o valor escrito em App ID.

  5. Clique em Show, à direita de App secret.

  6. Copie o valor que aparecer.

    Tela Basic de App settings. O valor do App ID aparece e o App secret está oculto por pontos, com o botão Show à direita

Os dois valores podem ser vistos de novo nesta tela sempre que você quiser. No caso do App secret, basta clicar em Show, então, mesmo que você saia da tela sem ter anotado o valor, não precisa criar outro. Mas o App secret é um valor secreto, então não o conte a ninguém e não o escreva em um lugar público.

Adicionar como Tester as pessoas que vão testar

A conexão com a WEEGLOO não depende de esperar a análise. Ao colocar o App ID e o App secret na WEEGLOO, o login funciona na hora.

Mas o app que você acabou de criar ainda não passou por análise e, até lá, o login só funciona com a conta que criou o app. Para outra pessoa também fazer login e testar, adicione essa pessoa ao app como Tester.

  1. No menu à esquerda, expanda App roles e clique em Roles.

  2. Clique em Add People, no canto superior direito.

    Tela App roles. Há as abas All roles, Administrators, Developers, Testers e Analytics Users, e no canto superior direito está o botão Add People

  3. Escolha Tester.

  4. No campo abaixo, digite o nome ou o ID do Facebook da pessoa que você quer adicionar e clique em Add.

    Janela Add people to your app. Entre Administrator, Developer, Tester e Analytics User, Tester está selecionado, e abaixo há um campo para procurar a pessoa

O menu Test users, logo abaixo, não funciona.

Para abrir a todos os usuários, você passa pela análise

Para que qualquer usuário faça login, e não apenas as pessoas que você adicionou como Tester, é preciso passar pela análise do Facebook. Quando estiver pronto, expanda Review no menu à esquerda e abra App Review. O email e o public_profile que você adicionou antes aparecem em Not submitted. Confira se as duas permissões estão certas e clique em Next, no canto inferior direito, para seguir ao procedimento de envio.

Tela App Review, abaixo de Review. Na lista Not submitted aparecem email e public_profile

Depois do Next vêm várias outras etapas, e esta página apresenta apenas até o início do envio. O restante do procedimento e os critérios de análise estão na Documentação da Meta (abre em uma nova aba). Depois da aprovação na análise, qualquer usuário pode fazer login com este app.

Colocar o App ID e o App secret na WEEGLOO

Agora o App ID e o App secret estão prontos. Veja em qual campo do estúdio de conteúdo entra cada um dos dois valores.

Tela do FacebookEstúdio de conteúdo
App IDApp ID
App secretApp secret

Daqui em diante o caminho se divide conforme o modo como você vinha trabalhando até aqui.

Se você estava configurando diretamente no estúdio de conteúdo, siga assim.

  1. Volte para ativar o login social em Login de membros do serviço.
  2. Ative o Facebook.
  3. Coloque o App ID no campo App ID do Step 2.
  4. Coloque o App secret no campo App secret.
  5. Clique em Guardar.

Se você entregou a integração a um agente de IA e recebeu a orientação de ir buscar o App ID e o App secret, cole no chat os dois valores recebidos exatamente como estão e siga com o que estava fazendo. O restante da configuração o agente trata em seguida.

Próximos passos

  • Login de membros do serviço: coloca no estúdio de conteúdo os valores recebidos e conclui o restante da configuração do login de membros.
  • Papéis e permissões de membros: cria o ServiceUserRole que define o que o membro cadastrado pode ver e usar.
  • Auth API: trata de especificações técnicas como o formato das requisições, necessárias para conectar o login ao código do seu próprio site.