Мы прекращая Google для входа в систему JavaScript платформенной библиотеки для веб - сайтов . Для проверки подлинности и пользователь входа в систему , использовать новые Google Identity Services SDKs как для Web и Android вместо.

Интеграция входа через Google в ваше веб-приложение

Google Sign-In управляет потоком OAuth 2.0 и жизненным циклом токена, упрощая интеграцию с API Google. У пользователя всегда есть возможность отозвать доступ к приложению в любое время.

В этом документе описывается, как выполнить базовую интеграцию входа в Google.

Создать учетные данные для авторизации

Любое приложение, использующее OAuth 2.0 для доступа к API Google, должно иметь учетные данные авторизации, которые идентифицируют приложение на сервере OAuth 2.0 Google. Следующие шаги объясняют, как создать учетные данные для вашего проекта. Затем ваши приложения могут использовать учетные данные для доступа к API-интерфейсам, которые вы включили для этого проекта.

  1. Go to the Credentials page.
  2. Щелкните Создать учетные данные> Идентификатор клиента OAuth .
  3. Выберите тип приложения веб-приложения .
  4. Назовите свой клиент OAuth 2.0 и нажмите " Создать".

После завершения настройки запишите созданный идентификатор клиента. Для выполнения следующих шагов вам понадобится идентификатор клиента. (Также создается секрет клиента, но он нужен только для операций на стороне сервера.)

Загрузите библиотеку Google Platform

Вы должны включить библиотеку Google Platform на свои веб-страницы, которые интегрируют Google Sign-In.

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

Укажите идентификатор клиента вашего приложения

Укажите идентификатор клиента, который вы создали для своего приложения, в Google Developers Console с помощью google-signin-client_id .

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

Добавить кнопку входа в Google

Самый простой способ добавить кнопку входа в Google на свой сайт - использовать автоматически отображаемую кнопку входа. С помощью всего нескольких строк кода вы можете добавить кнопку, которая автоматически настраивается для отображения соответствующего текста, логотипа и цветов для состояния входа пользователя и запрашиваемых вами областей.

Чтобы создать кнопку входа в Google с настройками по умолчанию, добавьте на страницу входа элемент div с классом g-signin2 :

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

Ниже приведен пример кнопки входа в Google по умолчанию:

Получить информацию профиля

После того, как вы вошли в систему с помощью Google, используя области по умолчанию, вы можете получить доступ к идентификатору Google, имени, URL-адресу профиля и адресу электронной почты пользователя.

Чтобы получить информацию о профиле пользователя, используйте метод 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.
}

Выйти пользователя

Вы можете разрешить пользователям выходить из вашего приложения, не выходя из Google, добавив кнопку выхода или ссылку на ваш сайт. Чтобы создать ссылку для выхода, прикрепите функцию, которая вызывает метод GoogleAuth.signOut() к событию onclick ссылки.

<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>