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

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

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

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

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

Рисунок 1.

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

Рисунок 2.

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

Рисунок 3.

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

Рисунок 4.

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

Рисунок 5.

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

Рисунок 6.

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

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

https://myshop.ru/login

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

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

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

Рисунок 7.

Рисунок 8.

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

Рисунок 9.

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

Рисунок 10.

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

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

Рисунок 11.

Рисунок 12.

Рисунок 13.

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