> ## Documentation Index
> Fetch the complete documentation index at: https://mayahub.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Configuração do Google App

> Este documento fornece instruções sobre como configurar um aplicativo do Google para que os usuários possam fazer login ou se registrar usando o Google em seu site. 

### Ativando a API e Registrando o Aplicativo

Para permitir que os usuários façam login no seu site usando a conta do Google, é necessário **criar um projeto no Google Cloud** e configurar o **OAuth**.\
Siga as etapas abaixo para criar e configurar seu projeto no Google Cloud.

## 1. Fazer login no Google Cloud Platform

Acesse [https://console.cloud.google.com/](https://console.cloud.google.com/) e faça login para entrar no **console do Google Cloud**.

<Frame>
  <img src="https://mintcdn.com/mayahub/2iqt53pXifZHq7dH/white-label-google-login-page.avif?fit=max&auto=format&n=2iqt53pXifZHq7dH&q=85&s=308e8efc818c9d64abbc98905019bee9" alt="Google Cloud Console Login" width="550" height="581" data-path="white-label-google-login-page.avif" />
</Frame>

## 2. Criar um Projeto

Clique no botão de **projeto** no menu superior e será exibido o pop-up **“Selecionar um projeto”**.\
Clique em **NOVO PROJETO** para criar um novo projeto.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-create-project.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=d53b0f8666912aa1e977eebf578e9f36" alt="Google Create Project" width="840" height="836" data-path="google-create-project.avif" />
</Frame>

Insira o **nome do projeto** e clique no botão **CRIAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-project-name.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=afc98eaf53e7b074065392eb351432ca" alt="Google Project Name" width="840" height="505" data-path="google-project-name.avif" />
</Frame>

## 3. Iniciar a Configuração da Tela de Consentimento do OAuth

Após criar o projeto, acesse **APIs e Serviços**.\
Selecione **Credenciais** no menu lateral esquerdo e clique no botão **CONFIGURAR TELA DE CONSENTIMENTO**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-credentials.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=05bd4fe621aa90554d1d3b07e9de9149" alt="Google Credentials" width="840" height="414" data-path="google-credentials.avif" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-credentials2.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=59e304fa809bfc4d7011d20248e5d555" alt="Google Credentials" width="840" height="360" data-path="google-credentials2.avif" />
</Frame>

Escolha a opção **Externo** em **Tipo de Usuário** e clique no botão **CRIAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-create-button.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=10a26871977b325154cb3ac0f6beaa10" alt="Google Create Button" width="840" height="468" data-path="google-create-button.avif" />
</Frame>

## 4. Editar o Registro do Aplicativo

**4.1 Tela de Consentimento do OAuth**

* Insira o **nome do aplicativo** e o **e-mail de suporte ao usuário**.
* Envie o **logotipo do aplicativo**.
* Insira o **link da página inicial do aplicativo**, o **link da política de privacidade** e o **link dos termos de serviço**.
* Informe o **domínio do seu site**.
* Adicione seus **endereços de e-mail de contato**.

Prossiga para a próxima etapa clicando em **SALVAR E CONTINUAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-edit-registration.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=e2a5aa281e2f9ea5c20e549a387aaca2" alt="Google Edit Registration" width="840" height="1902" data-path="google-edit-registration.avif" />
</Frame>

### **4.2 Escopos**

Na etapa **Escopos**, clique no botão **ADICIONAR OU REMOVER ESCOPO** para selecionar os escopos desejados.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-add-remove-scopes.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=03acff23440ee014866555cd1ebf44c1" alt="Google Scopes" width="840" height="428" data-path="google-add-remove-scopes.avif" />
</Frame>

Selecione os três escopos de API obrigatórios:

* `.../auth/userinfo.email`
* `.../auth/userinfo.profile`
* `openid`

Após selecionar, clique no botão **ATUALIZAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-required-api-scopes.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=8f56bf42448364338e26a39703264db3" alt="Google Required API Scopes" width="840" height="764" data-path="google-required-api-scopes.avif" />
</Frame>

Os escopos selecionados agora aparecerão na seção **Seus escopos não confidenciais**.

Prossiga para a próxima etapa clicando em **SALVAR E CONTINUAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-sensitive-scopes-section.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=05aa15adce5a2a95cd46ccfb162de875" alt="Google Sensitive Scopes" width="840" height="1310" data-path="google-sensitive-scopes-section.avif" />
</Frame>

### **4.3 Usuários de Teste**

Na etapa **Usuários de Teste**, você pode adicionar **usuários de teste** para validar o login social ou simplesmente prosseguir para a próxima etapa clicando em **SALVAR E CONTINUAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-test-users.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=1fde2d6636030440a66f85190b7bdc9a" alt="Google Test Users" width="840" height="660" data-path="google-test-users.avif" />
</Frame>

### **4.4 Resumo**

Na etapa **Resumo**, será exibido um panorama geral do registro do seu aplicativo.\
Clique no botão **VOLTAR AO PAINEL**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-summary.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=82a1d1afb8d6626513ef7b6f220e5813" alt="Google Summary" width="840" height="1804" data-path="google-summary.avif" />
</Frame>

## 5. Criar Credenciais

No menu lateral esquerdo, selecione **Credenciais**.\
Clique no botão **CRIAR CREDENCIAIS** e escolha a opção **ID do cliente OAuth**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-create-credentials.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=9ec7cf38d16fc02254be87b3ea50a07c" alt="Google Create Credentials" width="840" height="345" data-path="google-create-credentials.avif" />
</Frame>

Ao clicar, você será direcionado para a página **Criar ID do cliente OAuth**.

* Selecione a opção **Aplicativo da Web** em **Tipo de aplicativo**.
* Insira um **nome** para o seu cliente OAuth 2.0 no campo **Nome**.
* Na seção **URIs de redirecionamento autorizados**, insira as URLs de redirecionamento permitidas.

**Exemplo:**

* [**https://sss.com/login/google/callback**](https://sss.com/login/google/callback)

<Note>
  Por padrão, as URLs possuem o símbolo **“/”** no final do caminho.\
  Remova o **“/” antes do “?”** se o seu site utilizar URLs **sem “/” no final do caminho**.
</Note>

Clique no botão **CRIAR**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-create-oauth-client.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=3242fc1ae6d57730e7141c3dd97b89fd" alt="Google Create OAuth Client" width="840" height="1228" data-path="google-create-oauth-client.avif" />
</Frame>

## 6. Inserir Suas Chaves

Ao clicar no botão, aparecerá o pop-up **Cliente OAuth criado**, exibindo as **chaves do seu aplicativo**.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-oauth-client-created.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=3c37ea6b841b68ab459c33a5fb72681f" alt="Google OAuth Client Created" width="840" height="773" data-path="google-oauth-client-created.avif" />
</Frame>

Copie suas chaves **Client ID** e **Client Secret** e cole-as nos campos **Client ID** e **Client Secret** em\
**White-label > Configurações > Logins Sociais > Configuração de Login com Google**.

<Frame>
  <img src="https://mintcdn.com/mayahub/2iqt53pXifZHq7dH/white-label-google-configuration.avif?fit=max&auto=format&n=2iqt53pXifZHq7dH&q=85&s=3327753879abe7c236c5019bbe8bead2" alt="White Label Google Configuration" width="840" height="301" data-path="white-label-google-configuration.avif" />
</Frame>

## **Teste**

Teste o recurso de **Login Social** nas páginas de **Login** e **Registro**.\
Se encontrar algum problema, entre em contato com nossa **equipe de suporte** para obter assistência em qualquer etapa do processo de configuração.

<Frame>
  <img src="https://mintcdn.com/mayahub/jLorboul40ctksf_/google-test.avif?fit=max&auto=format&n=jLorboul40ctksf_&q=85&s=f870b280474d171d46f304fbf1ed91d4" alt="Google login test" width="594" height="653" data-path="google-test.avif" />
</Frame>

***

Precisa de ajuda? Entre em contato com nossa **equipe de suporte** para obter assistência em qualquer etapa do processo de configuração.