O login com o Google é uma funcionalidade valiosa que permite aos usuários acessar um site de forma mais rápida e conveniente, sem a necessidade de criar e lembrar senhas adicionais. Essa opção de login simplifica a experiência do usuário e é uma adição bem-vinda a qualquer site. Neste artigo, vamos explicar como configurar o login com o Google no eDirectory, passo a passo. A integração com o Google oferece aos seus visitantes uma maneira fácil e segura de acessar o seu site usando suas contas do Google.


Instruções:

1. A primeira etapa é acessar o site do Console de API do Google através do link:   https://console.developers.google.com/


2. No Console de API do Google, crie um novo projeto para o seu site. É possível criar um projeto ao clicar em "Criar Projeto" diretamente ou clicar em "Selecione um projeto" e clicar em "Novo projeto"

3. Ao clicar em qualquer uma das opções anteriores, você será redirecionado para a página demonstrada abaixo, onde é possível criar o seu projeto. Recomendamos escrever o nome do seu site no campo "Nome do projeto" e logo após clique em "Criar":


Observação: Não é necessário preencher o campo "Local", neste campo, pode deixar a opção mostrada por padrão "Sem organização".



4. Após criar seu projeto, você verá ele no topo da página em uma caixa de seleção. Note que no nosso exemplo, o projeto se chama "Teste", mas quando seu projeto for criado e você digitar o nome do seu site no campo "Nome do projeto"(como demonstrado no passo anterior), o nome do seu site será mostrado. Agora, clique na opção "Tela de permissão OAuth" como destacado na captura de tela abaixo:


5. Ao clicar em "Tela de permissão OAuth", a seguinte tela será mostrada. Selecione a opção "Externo" e clique em "Criar":


  6. Preencha todas as informações necessárias sobre o seu site:

  • Nome do app: O nome do seu site.

  • E-mail para suporte do usuário: insira seu e-mail aqui.

  • Página inicial do aplicativo: insira o link da página inicial do seu site.

  • Link da política de privacidade do aplicativo: insira o link da página de política de privacidade do seu site. 

  • Link dos termos de serviço do aplicativo: insira o link da página de termos de serviço do seu site.

  • Domínios Autorizados: Clique no botão "Adicionar domínio" e insira o domínio do seu site neste formato sem https e nem www: teste.com.br (Quando configurar esse campo, substitua "teste" pelo domínio correto do seu site)

  • Dados de contato do desenvolvedor: Insira seu e-mail aqui. 


Observação: Substitua "teste" dos links demonstrados de exemplo na captura de tela pelo nome correto do seu site.


Após configurar todos os campos necessários, clique em "Salvar e continuar"

7. Após configurar os campos do passo anterior e salvar, siga esses passos:

  1. Clique em "Credenciais"no menu lateral esquerdo; 

  2. Clique em "Criar Credenciais";

  3. Clique em "ID do cliente OAuth"


8. Na próxima página, preencha as informações necessárias:



  • Tipo de aplicativo: Escolha a opção "Aplicativo da Web" 
  • Nome: Dê um nome para a sua chave de API, por exemplo: “Google Login”

  • Origens JavaScript autorizadas: Clique no botão "Adicionar URL" e preencha dois campos com os links da sua página inicial usando estas 2 variações: 

  • https://www.teste.com

  • https://teste.co


Atenção: Substitua "teste" pelo domínio do seu site.



Atenção: Substitua "teste" pelo domínio do seu site.



Atenção: Para configurar o Google login, primeiro é necessário ter um domínio (URL) conectada ao seu site. Se gostaria de efetuar a mudança de domínio do seu site, entre em contato com nosso time pelo e-mail: support@edirectory.com 


Se não preencher com informações como exatamente descritas neste artigo, a integração não funcionará corretamente. Quando tiver terminado, clique no botão "Criar"


9. Após clicar em "Criar" no passo anterior, uma janela Pop-up aparecerá com as informações da sua API do Google login. Copie seu ID do Cliente e sua Chave secreta do Cliente: 



10. Volte para a área administrativa do site, vá para Configurações →Opções de Sign in. Marque a caixa de seleção "Ativar login usando Google" e cole seu ID do Cliente e sua Chave secreta do Cliente nos campos correspondentes. Em seguida, clique no botão Salvar alterações.


Agora, o login com o Google está configurado no seu site e os visitantes poderão fazer login usando suas contas do Google de maneira simples e segura.

Lembre-se de seguir essas etapas cuidadosamente para garantir que a integração funcione corretamente e melhore a experiência dos usuários no seu site.