Как вам помочь ?

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

Статья актуальна для версии магазина: 8.5 | 8.0 | 6.0 | 5.0

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

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

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

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

Настройка кнопок авторизации через Google - 7555
Рисунок 1

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

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

Настройка кнопок авторизации через Google - 1853
Рисунок 2

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

Настройка кнопок авторизации через Google - 8056
Рисунок 3

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

Настройка кнопок авторизации через Google - 6354
Рисунок 4

Настройка кнопок авторизации через Google - 9667
Рисунок 5

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

Настройка кнопок авторизации через Google - 5840
Рисунок 6

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

Настройка кнопок авторизации через Google - 3003
Рисунок 7

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

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

Настройка кнопок авторизации через Google - 6317
Рисунок 8

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

Настройка кнопок авторизации через Google - 8494
Рисунок 9

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

Настройка кнопок авторизации через Google - 4292
Рисунок 10

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

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

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

Настройка кнопок авторизации через Google - 4738
Рисунок 11

Настройка кнопок авторизации через Google - 2784
Рисунок 12

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

Настройка кнопок авторизации через Google - 4895
Рисунок 13

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

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

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

Настройка кнопок авторизации через Google - 6790
Рисунок 14

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

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

Настройка кнопок авторизации через Google - 2673
Рисунок 15

Настройка кнопок авторизации через Google - 4277
Рисунок 16

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

Настройка кнопок авторизации через Google - 6589
Рисунок 17

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

Настройка кнопок авторизации через Google - 9321
Рисунок 18

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

  1. client_id
  2. client_secret.

Настройка кнопок авторизации через Google - 2535
Рисунок 19

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

Настройка кнопок авторизации через Google - 7649
Рисунок 20

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

Настройка кнопок авторизации через Google - 3632
Рисунок 21

Настройка кнопок авторизации через Google - 4559
Рисунок 22

Всё готово.

Другие статьи по теме

Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Настройка авторизации через Open ID от Google, openid, id, авторизация