Para ativar o funcionamento de login por OAuth2 via Google, é necessário acessar o VTEX ID pelo seu admin e preencher os campos Client ID e Client Secret, conforme detalhado neste artigo.

Esses valores são obtidos a partir de um projeto que precisa ser criado no serviço de APIs do Google Cloud Platform.

De forma simplificada, basta seguir os passos a seguir:

Os passos abaixo descrevem procedimentos em uma plataforma externa e podem estar desatualizados. Mais informações sobre esses procedimentos podem ser encontradas nos artigos Setting up OAuth 2.0 e OpenID Connect da documentação do Google.

1. Entrar no link https://console.developers.google.com/;

2. Clicar em Credenciais, na aba lateral;

3. Clique em Criar Projeto;

   

4. Dê um nome ao projeto e clique em Criar;

   

5. No topo da página, clicar no botão Criar credenciais;

   

6. Clicar na opção ID do cliente OAuth;

   

7. Clicar no botão Configurar tela de consentimento;

   

8. Escolha o tipo de usuário desejado para a sua loja (Interno ou Externo) e clique no botão Criar;

   

9. Nome do app: será exibido aos seus clientes no momento do login;

10. E-mail para suporte do usuário: para que os usuários contatem você com perguntas sobre o consentimento;

11. Logotipo do app: corresponde ao logotipo da sua loja;

12. Domínios autorizados: devem ser incluídos os domínios que poderão interagir com essa API, que devem ser, pelo menos, o domínio de sua loja e o domínio da VTEX: 

    • loja.com, como exemplo, sempre sem o "www" ou correspondente
    • vtex.com.br, relativo aos nossos servidores de backend

13. Dados de contato do desenvolvedor: o Google usa esses endereços de e-mail para notificar você sore todas as alterações do projeto;

14. Clicar no botão Salvar e continuar;

    

15. Clicar no item do menu lateral esquerdo Credenciais;

16. Escolher Aplicativo da Web, em Tipo de aplicativo;

    

17. Nome: para identificação interna;

18. Origens JavaScript autorizadas: cadastrar os endereços exatos que poderão usar este método de autenticação, o que corresponde ao seu site; exemplo https://www.loja.com. Também é recomendado cadastrar o endereço https://{{accountName}}.myvtex.com de sua conta, onde {{accountName}} é o nome da sua conta como descrito no menu administrativo da loja;

19. URIs de redirecionamento autorizados: cadastrar a URL de serviço da VTEX:

    -https://vtexid.vtex.com.br/VtexIdAuthSiteKnockout/ReceiveAuthorizationCode.ashx

    

20. Após concluído, serão apresentadas suas credenciais:

    
    • Copie o ID do cliente do Google e cole no campo Client Id no admin do VTEX ID.
    • Copie a chave secreta do cliente do Google e cole no campo Client Secret no admin do VTEX ID.
      
      Depois de cumprir esses passos, salve as alterações.