Как вам помочь ?
Настройка кнопок авторизации через Google
Для начала нам необходимо завести учетную запись в Google. Если учетная запись есть, то ей можно воспользоваться. Если нет, то для этого проходим по ссылке и регистрируемся.
После регистрации приступаем к созданию кнопок авторизации.
Итак, для того чтобы настроить в своем магазине авторизацию через Google, нужно создать проект на странице Проект.
Нажимаем "Создать проект". (рис. 1)
Рисунок 1
Появилась форма для создания проекта, в ней: (рис.2)
- Вводим название проекта, например, Google Open ID
- Нажимаем "Создать".
Рисунок 2
Далее переходите в меню (слева), выбираете "API и Сервисы - Библиотека" (рис.3)
Рисунок 3
Откроется страница с Популярными API (рис.4). Нам необходимо выбрать Analytics API. Можно сделать это с помощью Поиска (рис.5)
Рисунок 4
Рисунок 5
На странице Analytics API нажимаем "Включить". (рис.6)
Рисунок 6
После включения появится строка "Этот API включен, но чтобы использовать его, вам нужно создать учетные данные.", и мы нажимаем "Создать учетные данные". (рис.7)
Рисунок 7
На странице Добавления учетных данных выбираем: (рис. 8)
- Analytics API.
- Веб-сервер.
- Данные пользователя.
- Нажимаем "Выбрать тип учетных данных".
Рисунок 8
Всплывает коно "Настройте окно запроса доступа OAuth", выбираем "настроить окно запроса доступа" (рис.9).
Рисунок 9
Далее выбираете "Внешнее" и нажмите на кнопку "Создать" (рис.10).
Рисунок 10
На открывшейся странице заполняем поля (рис.11 и рис.12):
- Название приложения, например Авторизация в магазине.
- Логотип приложения
- Авторизованные домены (здесь вставьте домен магазина)
- Ссылка на главную страницу приложения - здесь Ваш домен
- Ссылка на политику конфиденциальности приложения - ссылка на статическую страницу магазина, где описана политика конфиденциальности
После заполнения полей нажимаем "Сохранить".
Рисунок 11
Рисунок 12
После сохранения на открывшейся странице нажмите "изменить настройки приложения" в разделе "авторизация ваш домен" (рис. 13)
Рисунок 13
Таким образом возвращаемся в настройки учетных данных, которые не закончили ранее (рис. 14)
В разделе "Создание идентификатора клиента Oauth 2.0" прописываем:
- Домен магазина.
- Redirect URL (в разделе "Разрешенные URI перенаправления)" - берете из настроек в магазине (рис.16).
- Нажимаем "Обновить".
Рисунок 14
Для получения Redirect URL переходим в магазине в панель администрирования, в пункт меню "Настройки - Системные настройки" (рис.15), вкладка "Авторизация" (рис.16), необходимо активировать авторизацию Google и скопировать Redirect URL.
- Ставим галочку активности авторизации по Google.
- Копируем Redirect URL.
Рисунок 15
Рисунок 16
После того, как скопировали Redirect URL и прописали в google, нажмите "обновить"(рис.14), появится кнопка "создать идентификатор клиента OAuth", нажмите на кнопку (рис.17)
Рисунок 17
Откроется страница на которой необходимо скачать данные для настроек в магазине (рис.18). На стороне Google на этом настройка завершена.
Рисунок 18
Скачанный файл необходимо открыть текстовым редактором, например блокнот или Notepad++. Из открытого файла мы поочередно копируем ключи: (рис.19)
- client_id
- client_secret.
Рисунок 19
Скопированные client_id и client_secret вставляем их в административной части интернет магазина на странице Авторизации (Настройки - Системные настройки - Авторизация). Нажимаем "Сохранить" (рис. 20)
Рисунок 20
В клентской части магазина, ваши клиенты смогут авторизоваться через учетную запись в google (рис. 21, 22)
Рисунок 21
Рисунок 22
Всё готово.
Другие статьи по теме
- Настройка кнопок авторизации Yandex
- Настройка кнопок авторизации Mail.ru
- Настройка кнопок авторизации Вконтакте
- Настройка кнопок авторизации Facebook
- Настройка кнопок авторизации Одноклассники
Тэги: Настройка авторизации через Open ID от Google, openid, id, авторизация