Estamos descontinuando a biblioteca da plataforma JavaScript de login do Google para web . A biblioteca ficará indisponível para download após a data de suspensão de uso de 31 de março de 2023. Em vez disso, use os novos Serviços de identidade do Google para Web .
Por padrão, os IDs de cliente recém-criados agora são impedidos de usar a Biblioteca de plataforma mais antiga, os IDs de cliente existentes não são afetados. Novos IDs de cliente criados antes de 29 de julho de 2022 podem definir `plugin_name` para permitir o uso da Biblioteca do Google Platform.

Integrando o Login do Google em seu aplicativo da web

O Login do Google gerencia o fluxo do OAuth 2.0 e o ciclo de vida do token, simplificando sua integração com as APIs do Google. Um usuário sempre tem a opção de revogar o acesso a um aplicativo a qualquer momento.

Este documento descreve como concluir uma integração básica do Login do Google.

Criar credenciais de autorização

Qualquer aplicativo que use OAuth 2.0 para acessar as APIs do Google deve ter credenciais de autorização que identifiquem o aplicativo para o servidor OAuth 2.0 do Google. As etapas a seguir explicam como criar credenciais para seu projeto. Seus aplicativos podem usar as credenciais para acessar as APIs que você habilitou para esse projeto.

  1. Go to the Credentials page.
  2. Clique em Criar credenciais > ID do cliente OAuth .
  3. Selecione o tipo de aplicativo da Web .
  4. Nomeie seu cliente OAuth 2.0 e clique em Criar

Após a conclusão da configuração, anote o ID do cliente que foi criado. Você precisará do ID do cliente para concluir as próximas etapas. (Um segredo do cliente também é criado, mas você precisa dele apenas para operações do lado do servidor.)

Carregar a biblioteca do Google Platform

Você deve incluir a Biblioteca do Google Platform em suas páginas da Web que integram o Login do Google.

<script src="https://apis.google.com/js/platform.js" async defer></script>

Especifique o ID do cliente do seu aplicativo

Especifique o ID do cliente que você criou para seu aplicativo no Google Developers Console com o elemento meta google-signin-client_id .

<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">

Adicionar um botão de login do Google

A maneira mais fácil de adicionar um botão de login do Google ao seu site é usar um botão de login renderizado automaticamente. Com apenas algumas linhas de código, você pode adicionar um botão que se configura automaticamente para ter o texto, o logotipo e as cores apropriados para o estado de login do usuário e os escopos solicitados.

Para criar um botão de login do Google que use as configurações padrão, adicione um elemento div com a classe g-signin2 à sua página de login:

<div class="g-signin2" data-onsuccess="onSignIn"></div>

Obter informações de perfil

Depois de fazer login de um usuário com o Google usando os escopos padrão, você pode acessar o ID do Google, o nome, o URL do perfil e o endereço de e-mail do usuário.

Para recuperar informações de perfil de um usuário, use o método getBasicProfile() .

function onSignIn(googleUser) {
  var profile = googleUser.getBasicProfile();
  console.log('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
  console.log('Name: ' + profile.getName());
  console.log('Image URL: ' + profile.getImageUrl());
  console.log('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.
}

Desconectar um usuário

Você pode permitir que os usuários saiam do seu aplicativo sem sair do Google adicionando um botão de sair ou um link para seu site. Para criar um link de saída, anexe uma função que chame o método GoogleAuth.signOut() ao evento onclick do link.

<a href="#" onclick="signOut();">Sign out</a>
<script>
  function signOut() {
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
      console.log('User signed out.');
    });
  }
</script>