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

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

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

В данной статье мы рассмотрим, как настроить авторизацию в интернет-магазине через Google.

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

Как только учётная запись Google создана - перейдите по ссылке и нажмите "Create project"(рис. 1).

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

Придумайте и введите название проекта, а затем нажмите кнопку "Create" (рис. 2).

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

После этого откройте меню Google Cloud Platform и перейдите в пункт "APIs & Services - Library" (рис. 3).

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

На открывшейся странице введите в строку поиска "analytics api" (рис. 4) и нажмите клавишу Enter.

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

В результатах поиска нажмите на "Google Analytics API" (рис. 5).

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

На открывшейся странице нажмите на кнопку "Enable" (рис. 6).

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

Далее нажмите на кнопку "Create credentials" (рис. 7).

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

Выберите вариант "Google Analytics API" из выпадающего списка, выберите "User data" и нажмите кнопку "Next" (рис. 8).

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

Придумайте и введите название приложения, а также укажите ваш email в полях "User support email" и "Email addresses"; нажмите кнопку "Save and continue" (рис. 9).

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

Затем, ничего не меняя, снова нажмите кнопку "Save and continue" (рис. 10).

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

Далее перейдите в административную панель магазина, в раздел "Настройки - Системные настройки" (рис. 11).

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

На вкладке "Авторизация" скопируйте ссылку "Redirect URL" для Google (рис. 12). Она понадобится вам на следующем шаге.

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

Вернитесь на сторону Google. Выберите из выпадающего списка "Web application", придумайте и введите название приложения для авторизации; в качестве "Authorized JavaScript origins" введите домен вашего сайта, а в качестве "Authorized redirect URIs" вставьте скопированный вами ранее на стороне магазина Redirect URL; нажмите кнопку "Create" (рис. 13).

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

Нажмите "Download", чтобы скачать специальный файл от Google, а затем нажмите кнопку "Done" (рис. 14).

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

Откройте скачанный файл с помощью программы "Блокнот" (или любого другого удобного для вас текстового редактора). Параметры, которые нужны вам для дальнейшей настройки - client_id и client_secret (рис. 15).

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

Вернитесь в настройки авторизации на стороне интернет-магазина. Поставьте галочку "Включен" для Google и введите в поля "Clinet ID" и "Client secret" соответствующие им значения из текстового файла, скачанного ранее, а затем сохраните настройки (рис. 16).

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

Теперь клиенты смогу авторизоваться в вашем интернет-магазине с помощью Google (рис. 17, 18).

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

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

Готово. Мы рассмотрели, как настроить авторизацию в интернет-магазине через Google.

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

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

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

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

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

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

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

Мы используем cookies. Подробнее...
0