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

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

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

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

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

Рисунок 1

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

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

Рисунок 2

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

Рисунок 3

Рисунок 4

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

Рисунок 5

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

Рисунок 6

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

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

Рисунок 7

На следующем шаге в панели администрирования магазина необходимо активировать авторизацию  Google и скопировать Redirect URL. Для этого в панели администрирования Вашего магазина заходим в пункт меню Настройки->Системные настройки, вкладка Авторизация. (Рис. 8)

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

Рисунок 8

После того, как был скопирован Redirect URL, возвращаемся на страницу создания проекта в Google oAuth. В разделе "Создание идентификатора клиента Oauth 2.0" прописываем: (Рис. 9)

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

Рисунок 9

После нажатия на "Обновить" появляется окно (Рис.10). Выбираем Настроить окно запроса доступа.

Рисунок 10

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

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

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

Рисунок 11

Рисунок 12

На стороне Google на этом настройка завершена. На открывшейся странице нажимаем "Скачать"(Рис.13)

Рисунок 13

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

1. client_id
2. client_secret.

Рисунок 14

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

Рисунок 15

Всё готово.