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

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

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

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

Рисунок 1.

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

Рисунок 2.

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

Рисунок 3.

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

Рисунок 4.

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

Рисунок 5.

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

Рисунок 6.

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

Рисунок 7.

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

Рисунок 8.

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

Рисунок 9.

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

Рисунок 10.

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

Рисунок 11.

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

Рисунок 12.

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

Рисунок 13.

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

Рисунок 14.

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

Рисунок 15.

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

Рисунок 16.

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

Рисунок 17.

Рисунок 18.

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