- Crie o seu projeto na GCP
- Entre no APIs e Serviços
- Clique em Tela de permissão OAuth
- Tela de permissão OAuth
- User Type: Externo
- Clique em criar
- Nome do App: Pode adicionar qualquer nome
- E-mail para suporte do usuário: Seu email
- Página inicial do aplicativo: https://miquelis.github.io/google-login/
- Link da Política de Privacidade do Aplicativo:https://miquelis.github.io/google-login/politicas
- Link dos Termos de Serviço do aplicativo: https://miquelis.github.io/google-login/termos
- Domínio autorizado: miquelis.github.io
- Endereço de e-mail: seu email
- Escopos
- Clique em adicionar ou remover escopos e escolha:
.../auth/userinfo.email
,.../auth/userinfo.profile
e depois clique em atualizar. - Clique em salvar e continuar
- Clique em adicionar ou remover escopos e escolha:
- Usuários de teste
- Clique em ADD users e adicione os usuários de teste
- Clique em salvar e continuar
- Resumo
- Revise as informações
- Tela de permissão OAuth
- Clique em credenciais e depois em criar credenciais
- Escolha ID do client OAuth
- Tipo de aplicativo: Aplicativo da Web
- Nome: Pode adicionar qualquer nome
- Origens JavaScript autorizadas: https://miquelis.github.io
- Salve
- Irá mostrar na tela o ID do Cliete, Chave secreta do cliente. Copie o ID do Cliente.
Teste o seu app aqui: https://miquelis.github.io/google-login/
- Uma caixa de diálogo irá aparece para você com a seguinte informação: Cole a sua Cliente ID. Caso não apareça, recarregue a página.
- Adicione o Client ID que foi gerado na área de credenciais da Google Cloud Platform.
- Clique no botão de Fazer login com o Google e faça login com o email de teste que você cadastrou.
- Ira mostrar na tela as informação que são recebidas no Google. Você pode verificar todas as informações recebida inspecionando a página.