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

Настройка кнопок авторизации Одноклассники

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

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

Для начала авторизуемся в социальной сети под своим аккаунтом и привяжем к нему почту через личные данные. Это необходимо для получения прав разработчика в сети.

Далее, чтобы получить права разработчика, необходимо перейти по ссылке: https://ok.ru/devaccess

Читаем соглашение, ставим галочку в графе согласия и нажмите "получить права разработчика" (рис. 1).

чтобы получить права разработчика, необходимо перейти по ссылке: https://ok.ru/devaccess
Рисунок 1.

После этого появится сообщение, что права выданы, нужно перейти по ссылке, для этого нажмите на ссылку "Перейдите в по ссылке" (рис. 2).

Переход по ссылке.
Рисунок 2.

Требуется создать приложение, для этого под своим аккаунтом необходимо перейти в раздел "Игры" - "В разработке" и нажать "Добавить приложение" (рис. 3).

Добавление приложения.
Рисунок 3.

В открывшейся форме введите название приложения, имя в ссылке на это приложение (указываете латинскими буквами любое слово), далее опишите кратко приложение. В блоке "Права доступа", в поле "Доступ к личной информации через OAuth" выберите опцию "Обязательно", а остальные поля оставьте со значением "Не используется".

Настройка кнопок авторизации Одноклассники - 7555
Рисунок 4.

Далее нажмите на "+ Добавить платформу" в конце формы. Во вспылвающем окне выбираете "OAuth" (рис. 5).

Настройка кнопок авторизации Одноклассники - 1853
Рисунок 5.

После этого в форме заполнения приложения появятся дополнительные поля (рис. 6).

Настройка кнопок авторизации Одноклассники - 8056
Рисунок 6.

Для приложения можно загрузить аватар - рекомендованный размер 128*128px. Делать это не обязательно.

В поля "Список разрешённых redirect_uri" и "Ссылка на страницу" необходимо прописать ссылку вида:

https://myshop.ru/login

где myshop.ru - домен Вашего магазина.

Далее поставьте галочку в поле "Разрешить клиентскую OAuth авторизацию".

После нажатия на кнопку "Сохранить" на почту (рис. 7), которая привязана к аккаунту "Одноклассники", в письме придут данные (рис. 8), которые необходимо будет указать при настройке кнопки авторизации в интернет-магазине.

Настройка кнопок авторизации Одноклассники - 6354
Рисунок 7.

Настройка кнопок авторизации Одноклассники - 9667
Рисунок 8.

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

Настройка кнопок авторизации Одноклассники - 5840
Рисунок 9.

Во вкладке "Авторизация" (рис. 10) для odnoklassniki.ru (внизу страницы) нужно указать 3 параметра, которые пришли на Ваш email и выставить галочку "Включен".

Настройка кнопок авторизации Одноклассники - 3003
Рисунок 10.

Сохраните настройки.

В клентской части при нажатии на иконку (рис.11), откроется форма авторизации через одноклассники. В ней нужно ввести логин и пароль аккаунта в Одноклассниках (рис.12), на последнем шаге о запросе на резрешение приложению доступ к аккаунту нажмите "Войти" (рис.13).

Настройка кнопок авторизации Одноклассники - 6317
Рисунок 11.

Настройка кнопок авторизации Одноклассники - 8494
Рисунок 12.

Настройка кнопок авторизации Одноклассники - 4292
Рисунок 13.

Готово. Мы рассмотрели, как настроить авторизацию на сайте через Одноклассники.

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

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

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

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

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

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

Тэги: Настройка кнопок авторизации Open ID, Odnoklassniki, одноклассники, авторизация, oauth

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