Для начала нам необходимо завести учетную запись в Google. Если учетная запись есть, то ей можно воспользоваться. Если нет, то для этого проходим по ссылке: https://accounts.google.com/SignUp и регистрируемся.
После регистрации приступаем к созданию кнопок авторизации.
Итак, для того чтобы настроить в своем магазине авторизацию через Open ID Google, нужно создать проект по адресу: https://console.developers.google.com/iam-admin/projects
Нажимаем «Создать проект». (Рис. 1)
Рисунок 1
Появилась форма для создания проекта, в ней: (Рис.2)
-
Вводим название проекта, например, Google Open ID.
-
Нажимаем «Создать».
Рисунок 2
После создания проекта загрузится страница с Популярными API. Нам необходимо выбрать Analytics API. (Рис.3)
Рисунок 3
На странице Analytics API нажимаем «Включить». (Рис.4)
Рисунок 4
После включения появится строка «Этот API включен, но чтобы использовать его, вам нужно создать учетные данные.», и мы нажимаем «Создать учетные данные». (Рис. 5)
Рисунок 5
На странице Добавления учетных данных выбираем: (Рис. 6)
-
Analytics API.
-
Веб-сервер.
-
Данные пользователя.
-
Нажимаем «Выбрать тип учетных данных».
Рисунок 6
На следующем шаге в панели администрирования магазина необходимо активировать авторизацию OpenID Google и скопировать Redirect URL. Для этого в панели администрирования Вашего магазина заходим в пункт меню Настройки->Общие вкладка Авторизация по OpenID. (Рис. 7)
-
Ставим галочку активности авторизации по Google OpenID.
-
Копируем Redirect URL.
Рисунок 7
После того, как был скопирован Redirect URL, возвращаемся на страницу создания проекта в Google OpenID. Прописываем: (Рис. 8)
-
Домен магазина.
-
Redirect URL.
-
Нажимаем «Создать идентификатор клиента».
Рисунок 8
Вводим: (Рис. 9)
-
Название продукта, например Авторизация через Google.
-
Нажимаем «Продолжить».
Рисунок 9
В завершении: (Рис. 10)
-
Нажимаем «Скачать»
-
Кликаем «Готово».
На этом манипуляции на стороне Google завершены. Скачанный файл необходимо открыть текстовым редактором.
Мы воспользуемся Notepad ++. Подробнее с данным редактором вы можете ознакомиться по ссылке: https://www.advantshop.net/help/pages/notepad-plus-plus
Рисунок 10
Из открытого файла мы поочередно копируем ключи: (Рис. 11)
-
client_id
-
client_secret.
Рисунок 11
Скопированные client_id и client_secret вставляем их в административной части интернет магазина на странице OpenID. Нажимаем «Сохранить» (Рис. 12)
Рисунок 12
Всё готово.