Guia: Como gerar Cliente ID e Cliente Secret no Google
Para habilitar o Login Social via Google em sua plataforma, é necessário realizar uma integração técnica através do Google Cloud Console. Este processo gera as chaves de segurança (Cliente ID e Cliente Secret) que permitirão a comunicação entre os sistemas.
Passo 1: Acesso e Criação do Projeto
-
-
Acesse o Google Cloud Console: Entre em console.developers.google.com.
-
Aceite os Termos: Na primeira tela, selecione o país e concorde com os Termos de Serviço para habilitar o uso das APIs.
Importante: caso não ainda não tenha o registro na conta de desenvolvedor do Google, precisa aceitar o contrato; -
Acesse a área de Credenciais: No menu lateral esquerdo, clique na opção Credenciais.
-
Inicie a criação do Projeto: Como ainda não há um projeto selecionado, clique no botão CRIAR PROJETO que aparece no centro da tela ou no topo.
-
Configure o Nome: No campo "Nome do projeto", digite uma identificação (ex: Login Social Netshow) e clique em CRIAR.
-


.png?width=542&height=77&name=Untitled%20(1).png)
.png?width=423&height=182&name=Untitled%20(2).png)
Passo 2: Gerando as Credenciais OAuth
Agora que o projeto foi criado, vamos gerar os códigos de acesso.
-
Acesse a área de Credenciais: No menu lateral (caso tenha saído da tela anterior), clique novamente em Credenciais.
-
Crie a Identificação: No topo da página, clique no botão + CRIAR CREDENCIAIS.
-
Selecione o tipo de ID: Na lista que aparecerá, escolha a opção ID do cliente OAuth.
-
Dica: É esta opção que solicita a permissão do usuário para que ele possa logar usando a conta do Google na sua plataforma.
-
-
Configure o User Type: Na tela de consentimento que será aberta, selecione a opção Externo > Criar.
-
Isso garante que qualquer usuário com uma conta Google consiga acessar sua plataforma.
-
![]()
.png?width=435&height=248&name=Untitled%20(4).png)
.png?width=448&height=341&name=Untitled%20(5).png)
Passo 3: Configuração e Emissão das Chaves
Agora, você precisa identificar sua plataforma para o Google e autorizar o redirecionamento seguro.
1. Informações do App: Preencha os campos obrigatórios que aparecerão na tela de consentimento:
-
Nome do app: O nome da sua plataforma ou empresa.
-
E-mail para suporte: Seu e-mail de contato.
-
Dados de contato do desenvolvedor: Seu e-mail novamente (para avisos do Google).
-
Clique em Salvar e Continuar.
.png?width=473&height=108&name=Untitled%20(7).png)
Passo 4. Criar ID do Cliente OAuth
Volte em Credenciais > Criar Credenciais > ID do cliente OAuth e selecione:
-
Tipo de aplicativo: Aplicativo da Web.
-
Nome: Identificação interna (Ex.: Login Netshow.me).
Um ID do cliente é usado para identificar um único app nos servidores OAuth do Google. Se o app for executado em várias plataformas, cada uma precisará de um ID do cliente.
-
Tipo de aplicativo *
-
Aplicativo da Web
-
-
Nome *
-
"Nome da sua empresa"
-
O nome do cliente OAuth 2.0. Esse nome é usado apenas para identificar o cliente no console e não será mostrado aos usuários finais.
-
URIs de redirecionamento autorizados Para usar com solicitações de um servidor da Web.
-
Clique no botão + ADICIONAR URI (conforme indicado pela seta vermelha na imagem 6cd3b1.png).
Observação: pode levar de cinco minutos a algumas horas para que as configurações entrem em vigor.


.png?width=594&height=304&name=Untitled%20(8).png)


Passo 5: Finalização e Envio das Credenciais
Após clicar em Criar, você receberá as chaves finais:
Origens JavaScript autorizadas; As origens HTTP que hospedam o aplicativo da web (o que corresponde ao seu site). Esse valor não pode conter caminhos ou caracteres curinga;
Preencha a URIs de redirecionamento autorizados;
-
➡️ URIs 1 - Seu domínio utilizado na Netshow.me
-
➡️ URIs 2 -
https://www.seu-domínio-utilizado-na-netshow.me/login-social/google/callback
Após concluído, serão apresentadas suas credenciais (Cliente OAuth criado):
-
Seu ID de cliente [Copiar]
-
Sua chave secreta de cliente [Copiar]
Copie o ID do cliente e a chave secreta e envie para o nosso time (CSM). Após inserir no console da sua conta e sincronizar, o recurso estará pronto para utilização.
.png?width=472&height=407&name=Untitled%20(10).png)
Para dúvidas adicionais ou apoio, entre em contato com o Suporte pelo WhatsApp:
📱 +55 11 4858-9359
ou Clique aqui