Conectar o login do Facebook

Para que o cliente se cadastre com uma conta Facebook, primeiro você registra o seu serviço no Facebook e recebe dois valores. São o App ID e o App secret.

Esta página apresenta a ordem para obter esses dois valores. O modo de colocar na WEEGLOO os valores recebidos está em Colocar na WEEGLOO os valores recebidos.

O endereço a copiar primeiro

Quando o cliente termina o login no Facebook, o Facebook devolve esse resultado para um endereço definido. Você precisa registrar esse endereço no Facebook, então copie-o primeiro. Você vai colá-lo na etapa 3.

Escolha o seu Space abaixo para obter o endereço com o identificador já preenchido.

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

Se preferir preencher por conta própria, coloque no lugar de {spaceId} o identificador do seu Space. Abra esse Space no estúdio de conteúdo e olhe a barra de endereços do navegador: o valor que vem depois de /spaces/ é o identificador.

Esse endereço não é o endereço do seu site. É o lugar onde a WEEGLOO recebe o resultado do login. Por isso ele já fica definido agora, mesmo que você ainda não tenha feito o seu site. Se você ativou o Facebook no estúdio de conteúdo, o mesmo endereço aparece no Step 1, então você também pode copiá-lo de lá.

Obter os dois valores 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

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

  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.

  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.

  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.

O App contact email é o endereço que o Facebook usa quando precisa falar com você sobre o app. O portfólio de negócios, como diz a explicação na tela, pode ser adicionado depois.

2

Adicionar a permissão de e-mail

Quando o cliente faz login com o Facebook, a WEEGLOO também recebe o e-mail e o guarda no membro. 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. No menu à esquerda, clique em Use cases.

  2. Clique em Customize, no item Facebook Login.

  3. À esquerda, clique em Permissions and features.

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

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

Em um mesmo Space, um e-mail só pode se cadastrar uma vez.

3

Registrar o endereço de login

O OAuth que aparece na tela é o nome do método que permite fazer login com uma conta Facebook.

  1. À esquerda, clique em Settings.

  2. No campo Valid OAuth Redirect URIs, cole o endereço que você copiou em O endereço a copiar primeiro.

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

O que você coloca aqui é apenas um endereço, o que copiou acima. No Redirect URI Validator, na parte de cima da mesma tela, dá para conferir um endereço: coloque-o em Redirect URI to check e clique em Check URI.

4

Copiar o App ID e o App secret

Os dois valores estão na tela de configurações básicas do app.

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

  2. Clique em Basic.

  3. Copie o valor escrito em App ID.

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

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

O App ID continua nesta tela, e o App secret você pode ver de novo sempre que clicar em Show. Mesmo que você saia da tela sem ter anotado os valores, não precisa criar outros. 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.

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.

Todos os clientes só fazem login depois da aprovação na análise

O app que você acabou de criar ainda não passou por análise. Antes da aprovação na análise, o login só funciona com a conta que criou o app.

A conexão com a WEEGLOO não depende de esperar a análise. Ao colocar os dois valores, o login funciona na hora.

Para testar do ponto de vista do cliente, expanda App roles no menu à esquerda, clique em Test users e crie contas de teste em Create test users.

Tela Test users. Ao lado da contagem de contas de Facebook Accounts está o botão Create test users

Quando estiver pronto para abrir para todos os clientes, envie em App Review, dentro de Review. Nessa tela, email e public_profile, que você tratou antes, aparecem como Not submitted.

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

Os materiais necessários e os critérios de avaliação estão na Documentação da Meta.

Colocar na WEEGLOO os valores recebidos

Agora você tem os dois valores em mãos. 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 os valores, 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.