Conectar o login do Google
Para que o cliente se cadastre com uma conta Google, primeiro você registra o seu serviço no Google e recebe dois valores. São o ID do cliente e a chave secreta do cliente.
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 Google, o Google devolve esse resultado para um endereço definido. Você precisa registrar esse endereço no Google, 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.
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 Google 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 Google
Entre no Google Cloud Console (https://console.cloud.google.com) com a sua conta Google e siga em ordem as quatro etapas abaixo. O que você faz aqui não tem custo.
Criar um projeto
-
Abra a tela de novo projeto (https://console.cloud.google.com/projectcreate).
-
Em Nome do projeto, digite um nome que você vá reconhecer depois (por exemplo,
Guarda-Roupa Aconchegante). -
Clique em Criar.
-
Confira se o nome do projeto no alto do console é o que você acabou de criar.
Se você já tem um projeto em uso, pode usar esse mesmo projeto em vez de criar um novo.
Configurar a tela de consentimento
Quando o cliente faz login com uma conta Google, aparece primeiro uma tela do Google perguntando se tudo bem fazer login neste serviço. Aqui você define que nome aparece nessa tela e onde as dúvidas são recebidas. Isso se faz uma única vez em cada projeto.
-
Abra a tela Branding do Google Auth Platform (https://console.cloud.google.com/auth/branding).
-
Clique em Vamos começar.
-
Em Nome do app, digite o nome que o cliente vai ver (por exemplo,
Guarda-Roupa Aconchegante). -
Em E-mail para suporte do usuário, escolha o endereço que vai receber as dúvidas.
-
Clique em Avançar.
-
Em Público, escolha Externo.
-
Clique em Avançar.
-
Em Dados de contato, digite um endereço de e-mail.
-
Na etapa Concluir, marque o item de concordância com a política de dados do usuário do Google.
-
Clique em Criar.
Interno só pode ser usado por contas da mesma organização. Para que clientes de fora da sua organização façam login, escolha Externo. O login criado como Externo começa em modo de testes, então siga em seguida para Registrar a conta com que você vai fazer login.
Criar o cliente OAuth
O OAuth que aparece nas telas é o nome do método que permite fazer login com uma conta Google. No cliente que você cria aqui, você registra O endereço a copiar primeiro.
-
No menu à esquerda, clique em Clientes.
-
Clique em Criar cliente.
-
Em Tipo de aplicativo, escolha Aplicativo da Web.
-
Em Nome, digite um nome pelo qual você vá reconhecer este cliente (por exemplo,
Guarda-Roupa Aconchegante). -
Deixe Origens JavaScript autorizadas vazio.
-
Clique em Adicionar URI em URIs de redirecionamento autorizados.
-
Na caixa que aparecer, cole o endereço que você copiou em O endereço a copiar primeiro.
-
Clique em Criar.
A lista também traz tipos como Android e iOS, mas você escolhe Aplicativo da Web mesmo quando está adicionando login a um aplicativo de celular. Isso porque o resultado do login volta para o endereço web da WEEGLOO, não para o seu aplicativo. O Nome serve para distinguir os clientes nas telas do Google e não é mostrado ao cliente da loja.
O endereço registrado pode não entrar em vigor de imediato
Abaixo do formulário há o aviso do Google "Observação: pode levar de cinco minutos a algumas horas para que as configurações entrem em vigor". Logo depois de registrar o endereço, ele pode ainda não ter entrado em vigor e o login pode ficar bloqueado. Nesse caso, espere um tempo e tente de novo.
Copiar o ID do cliente e a chave secreta
Ao clicar em Criar, aparece a janela Cliente OAuth criado. Os dois valores escritos ali são os que você vai colocar na WEEGLOO.
-
Clique no ícone de cópia à direita do ID do cliente para copiar o valor.
-
Clique no ícone de cópia à direita da Chave secreta do cliente para copiar o valor.
-
Depois de guardar os dois valores, clique em OK.
Depois de fechar a janela, a chave secreta não pode ser vista de novo
Essa janela traz o aviso "Não será mais possível acessar ou fazer o download da chave secreta do cliente depois que esta caixa de diálogo for fechada". Copie os dois valores antes de fechar a janela. Se quiser receber os valores como arquivo, você pode clicar em Baixar o JSON.
Veja em qual campo do estúdio de conteúdo entra cada um dos dois valores.
| Tela do Google | Estúdio de conteúdo |
|---|---|
| ID do cliente | Client ID |
| Chave secreta do cliente | Client Secret |
A chave secreta é secreta, exatamente como o nome diz. Não a conte a ninguém e não a escreva em um lugar público.
Registrar a conta com que você vai fazer login
O login que você acabou de criar começa com o status de publicação Testando. O Google avisa que, enquanto o status de publicação for Testando, apenas os usuários de teste conseguem acessar o app. Então, para verificar se o login funciona, registre antes em Usuários de teste a conta com que você vai fazer login.
- No menu à esquerda, clique em Público-alvo.
- Clique em Add users em Usuários de teste.
- Na caixa que se abre à direita, digite o endereço da conta Google com que você vai fazer login.
- Clique em Salvar.
Add users é um texto que o Google não traduz, então aparece em inglês em qualquer idioma.
O limite de usuários que você pode registrar antes da verificação do app é de 100. Esse limite é contado durante todo o ciclo de vida do app. Quantos estão registrados agora você confere em Limite de usuários do OAuth, na mesma tela.
Para abrir o login a qualquer cliente, clique em Publicar app, na mesma tela. Esse botão só fica clicável depois que você conclui a configuração da tela Branding. Dependendo do serviço, o processo de verificação do Google também pode ser necessário.
Colocar na WEEGLOO os valores recebidos
Agora você tem os dois valores em mãos. 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.
- Volte para ativar o login social em Login de membros do serviço.
- Ative o Google.
- Coloque o ID do cliente no campo Client ID do Step 2.
- Coloque a chave secreta do cliente no campo Client Secret.
- 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.