O Login com Google é um recurso valioso que permite aos usuários acessarem seu site de forma prática, eliminando a necessidade de criar e lembrar senhas adicionais. Ao habilitar essa funcionalidade, você simplifica a experiência do usuário, oferecendo aos seus visitantes uma maneira segura e eficiente de fazer login utilizando suas contas do Google. Este artigo fornece um guia passo a passo para integrar o Login com Google ao seu site no eDirectory.


Passos para Configurar o Login com Google

Passo 1: Acesse o Google API Console

  1. Acesse o Google API Console.
  2. Crie um novo projeto:
    • Clique em "Criar projeto" diretamente ou selecione "Selecionar um projeto" > "Novo projeto". 

Passo 2: Configure seu Projeto

  1. Insira um nome para o projeto, de preferência o nome do seu site, no campo Nome do projeto. Deixe o campo Local no padrão ("Sem organização") e clique em "Criar".

Passo 3: Configure a Tela de Consentimento OAuth

  1. Após criar o projeto, selecione-o no menu suspenso no topo da página.
  2. Clique em "Tela de permissão OAuth" no menu à esquerda. 
  3. Escolha o tipo de usuário como "Externo" e clique em "Criar". 
  4. Preencha os seguintes campos:
    • Nome do aplicativo: Nome do seu site.
    • E-mail de suporte ao usuário: Seu endereço de e-mail.
    • Página inicial do aplicativo: Link da página inicial do seu site.
    • URL da política de privacidade: Link para a página de política de privacidade do seu site.
    • URL dos termos de serviço: Link para a página de termos de serviço do seu site.
    • Domínios autorizados: Clique em "Adicionar domínio" e insira seu domínio sem https ou www (ex.: exemplo.com).
    • Informações de contato do desenvolvedor: Seu endereço de e-mail. 

Após preencher todos os campos, clique em "Salvar e continuar".

Nota: Substitua "teste" pelo domínio do seu site.

Passo 4: Crie o ID do Cliente OAuth

  1. Acesse "Credenciais" no menu à esquerda e clique em "Criar credenciais" > "ID do cliente OAuth".
  2. Configure os seguintes campos:
    • Tipo de aplicativo: Selecione "Aplicativo Web".
    • Nome: Dê um nome como "Login com Google".
    • Origens JavaScript autorizadas: Adicione a URL da página inicial do seu site nos formatos:
      • https://www.teste.com
      • https://teste.com
    • URLs de redirecionamento: Adicione as URLs para o callback de login:
      • https://www.teste.com/sponsors/googleauth.php
      • https://teste.com/sponsors/googleauth.php

Clique em "Criar" para finalizar.


Nota: Substitua "teste" pelo domínio do seu site.


Importante: Certifique-se de ter um domínio ativo vinculado ao seu site antes de configurar o login com Google. Entre em contato com a equipe de suporte pelo e-mail support@edirectory.com caso precise alterar o domínio ou confira nosso artigo instrucional para saber mais: Mudança de Domínio: Como devo proceder para mudar o meu domínio?



Passo 5: Recupere as Credenciais da API

  1. Uma janela pop-up exibirá seu ID do Cliente e Segredo do Cliente. Copie essas credenciais para usá-las no próximo passo. 

Passo 6: Configure o Login com Google no eDirectory

  1. Acesse o administrador do seu site no eDirectory.
  2. Vá em "Configurações" > "Opções de Sign in".
  3. Marque a caixa Ativar login usando o Google.
  4. Cole o ID do Cliente e o Segredo do Cliente nos campos correspondentes e clique em "Salvar alterações". 

Conclusão


Com o Login com Google configurado, seus visitantes poderão acessar seu site de forma segura e prática usando suas contas do Google. Seguir esses passos garante uma integração perfeita e melhora a experiência do usuário no seu site. Se encontrar dificuldades ou tiver dúvidas, entre em contato com nossa equipe de suporte pelo e-mail support@edirectory.com.