Настройка кнопок авторизации через Google

Для начала нам необходимо завести учетную запись в Google. Если учетная запись есть, то ей можно воспользоваться. Если нет, то для этого проходим по ссылке и регистрируемся.

После регистрации приступаем к созданию кнопок авторизации.

Итак, для того чтобы настроить в своем магазине авторизацию через Google, нужно создать проект на странице Проект.

Нажимаем "Создать проект". (рис. 1)

Рисунок 1

Появилась форма для создания проекта, в ней: (рис.2)

1. Вводим название проекта, например, Google Open ID
2. Нажимаем "Создать".

Рисунок 2

Далее переходите в меню (слева), выбираете "API и Сервисы - Библиотека" (рис.3)

Рисунок 3

Откроется страница с Популярными API (рис.4). Нам необходимо выбрать Analytics API. Можно сделать это с помощью Поиска (рис.5)

Рисунок 4

Рисунок 5

На странице Analytics API нажимаем "Включить". (рис.6)

Рисунок 6

После включения появится строка "Этот API включен, но чтобы использовать его, вам нужно создать учетные данные.", и мы нажимаем "Создать учетные данные". (рис.7)

Рисунок 7

На странице Добавления учетных данных выбираем: (рис. 8)

1. Analytics API.
2. Веб-сервер.
3. Данные пользователя.
4. Нажимаем "Выбрать тип учетных данных".

Рисунок 8

Всплывает коно "Настройте окно запроса доступа OAuth", выбираем "настроить окно запроса доступа" (рис.9).

Рисунок 9

Далее выбираете "Внешнее" и нажмите на кнопку "Создать" (рис.10).

Рисунок 10

На открывшейся странице заполняем поля (рис.11 и рис.12):

1. Название приложения, например Авторизация в магазине.
2. Логотип приложения
3. Авторизованные домены (здесь вставьте домен магазина)
4. Ссылка на главную страницу приложения - здесь Ваш домен
5. Ссылка на политику конфиденциальности приложения - ссылка на статическую страницу магазина, где описана политика конфиденциальности

После заполнения полей нажимаем "Сохранить".

Рисунок 11

Рисунок 12

После сохранения на открывшейся странице нажмите "изменить настройки приложения" в разделе "авторизация ваш домен" (рис. 13)

Рисунок 13

Таким образом возвращаемся в настройки учетных данных, которые не закончили ранее (рис. 14)

В разделе "Создание идентификатора клиента Oauth 2.0" прописываем:

1. Домен магазина.
2. Redirect URL (в разделе "Разрешенные URI перенаправления)" - берете из настроек в магазине (рис.16).
3. Нажимаем "Обновить".

Рисунок 14

Для получения Redirect URL переходим в магазине в панель администрирования, в пункт меню "Настройки - Системные настройки" (рис.15), вкладка "Авторизация" (рис.16), необходимо активировать авторизацию Google и скопировать Redirect URL.

1. Ставим галочку активности авторизации по Google.
2. Копируем Redirect URL.

Рисунок 15

Рисунок 16

После того, как скопировали Redirect URL и прописали в google, нажмите "обновить"(рис.14), появится кнопка "создать идентификатор клиента OAuth", нажмите на кнопку (рис.17)

Рисунок 17

Откроется страница на которой необходимо скачать данные для настроек в магазине (рис.18). На стороне Google на этом настройка завершена.

Рисунок 18

Скачанный файл необходимо открыть текстовым редактором, например блокнот или Notepad++. Из открытого файла мы поочередно копируем ключи: (рис.19)

1. client_id
2. client_secret.

Рисунок 19

Скопированные client_id и client_secret вставляем их в административной части интернет магазина на странице Авторизации (Настройки - Системные настройки - Авторизация). Нажимаем "Сохранить" (рис. 20)

Рисунок 20

В клентской части магазина, ваши клиенты смогут авторизоваться через учетную запись в google (рис. 21, 22)

Рисунок 21

Рисунок 22

Всё готово.