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

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

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

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

Шаг 1.

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

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

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

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

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

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

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

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

В открывшейся форме введите название приложения, имя в ссылке на это приложение (указываете латинскими буквами любое слово), далее опишите кратко приложение. Главное в полях "Установка статуса (SET_STATUS)" и "Изменение фотографий и фотоальбомов (PHOTO_CONTENT)" оставьте выбранный пункт "Не используется".

Далее нажмите на "+Добавить платформу" (рис.4).

Настройка кнопок авторизации Одноклассники - 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.

Шаг 2.

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

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

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

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

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

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

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

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

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

Готово.

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

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

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

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

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

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

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