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

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

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

Для начала нам необходимо завести учетную запись в 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

Всё готово.

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

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

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

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

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

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

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