Мы используем хостинг для Joomla:

Мой хостер

Настройка авторизации социальных сетей

В этом разделе вы найдете инструкцию по настройки приложений социальных сетей для авторизации на вашем сайте. Все рекомендации даны для компонента Slogin.

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

Обязательно активируйте плагин управления пользователями. Плагин можно найти, Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => Social Login.

Все ключи вводятся в настройках плагинов. Плагины можно найти, Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth", выбрать плагин соответствующей сети.

  1. Настройка Вконтакте
  2. Настройка Google
  3. Настройка Facebook
  4. Настройка Twitter
  5. Настройка Одноклассники
  6. Настройка Mail.ru
  7. Настройка Yandex
  8. Настройка LinkedIn
  9. Настройка LIve.com
  10. Настройка Yahoo
  11. Настройка WordPress
  12. Настройка Instagram

Вконтакте - настройка авторизации Вконтакте по протоколу oAuth

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Vkontakte auth".

Для создания приложения Вконтакте пройдите по этой ссылке

Укажите поля как на примере скриншота используя свои данные.

  • Тип — «Веб-сайт».
  • Вводим базовый домен и адрес сайта.

Создание приложения вконтакте

На странице настроек получаем client_id (ID приложения) и secret_key (защищенный ключ).

Google - настройка авторизации через сервисы Google.

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Google auth".

Для создания приложения google пройдите по этой ссылке

Создаем приложение google.

Создание приложения Google

Настройка приложения google.

Проходим по меню название приложения=>APIs & auth=>credential

Создаем новый Client ID:

Для этого выбираем oAuth 2.0 client ID и в нем Web application.

Создание пользователя приложенися Google

Получает примерно такого вида картинку:

Ключи приложение Google

  • Получаем client_id(Client ID) и secret_key(Client Secret).


Внимание!!! проследите чтоб обратная ссылка(Redirect URIs)  была:

http://mysite/?option=com_slogin&task=check&plugin=google

Задайте имя продукта и email:

Во вкладке: "OAuth consent screen"

Заполняем "Product name"

Выберите в поле "Email address"свой email.

FaceBook - настройка авторизации через социальную сеть Facebook

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Facebook auth".

Для создания приложения Facebook пройдите по этой ссылке

Нажимаем на кнопку "Приложения" (my Apps)  => "Создать новое приложение" (Add a New App). В открывшемся окне заполняем поле названия приложения. Нажимаем "Create New Facebook App ID". Выбираем категорию вашего сайта и нажимаем "Create App ID".

Создание приложения Facebook

Вводим капчу и на новой странице клиекаем. Начать на против приложения "Вход через Facebook".

addfacebookappnew2

Указываем сайт в формате http://site.ru. Нажимаем кнопку "Сохранить изменения"

addfacebookappnew3

Переходим в раздел "Проверка приложений". В разделе "Сделать приложение доступным для всех?", выбираем ДА.

Идем в раздел "Панель" и копируем параметры client_id (App ID) и secret_key (App Secret) в плагин Slogin Facebook.

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

Twitter - настройка авторизации через социальную сеть Твиттер.

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Twitter auth".

Для создания приложения Twitter пройдите по этой ссылке
Вводим имя, описание, наш сайт и урл скрипта-обработчика

Callback URL - http://mysite.ru/component/slogin/callback/twitter или /?option=com_slogin%26task=check%26plugin=twitter (если вы не используете SEF ссылки Joomla), точный адрес смотрите в поле плагина Твиттер "Callback URI".

создание приложения twitter
На странице настроек нажимаем кнопку «Create my access token».

Ключи приложений в Твиттер

Ключи приложений в Твиттер
Получаем Consumer key(API key) и Consumer secret (API secret) вносим их в плагин.

Одноклассники - настройка авторизации через социальную сеть Одноклассники

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login odnoklassniki auth".

Воспользуйтесь инструкцией для получения статуса разработчика в социальной сети одноклассники.

После чего если вы авторизуетесь в одноклассниках под своим аккаунтом, пройдете в раздел Игры>Мои загруженные>Добавить приложение>Вне Одноклассников. Вам надо заполнить следующую форму:

odnoklassniki Настройки

Настройка одноклассников - odnoklassniki Настройки

Все заполненные в примере поля обязательны к заполнению. Нажимаем «Сохранить» и получаем письмо на указанный емайл, содержащее client_id(Application ID), public_key(Публичный ключ приложения) и secret_key(Секретный ключ приложения).

В поле "Список разрешённых redirect_uri" нужно внести строку - http://site.ru/?option=com_slogin&task=check&plugin=odnoklassniki

Mail.ru - настройка авторизации через сервисы Mail.ru

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login mail auth".

Для создания приложения Mail.ru пройдите по этой ссылке
Вводим название, урл сайта и урл файла receiver.html, который можно скачать тут же. receiver.html — файл, инициализирующий JS API. Файл receiver.html записываем в корень сайта, без него вы не сможете закончить регистрацию.
Создание приложения mail.ru
На странице настроек получаем client_id (ID) и secret_key (секретный ключ)

Yandex - настройка авторизации через сервисы Yandex

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Yandex auth".

Для создания приложения Яндекс пройдите по этой ссылке.

авторизация Яндекс

Скриншот настроек яндекс приложения - авторизация Яндекс

Выбираем Яндекс.Логин. Ставим галочки: Адрес электронной почты,  Дата рождения,  Имя пользователя, ФИО, пол.

Указываем Callback URI:

http://mysite.ru/?option=com_slogin&task=check&plugin=yandex

LinkedIn - настройка авторизации через сервисы LinkedIn

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login LinkedIn auth".

Для создания приложения LinkedIn пройдите по этой ссылке. Нужно нажать на Create Application.

LinkedInnewapp

Заполняем все поля отмеченные звездочкой. После нажатия кнопки "Submit" Видим такое окно:

LinkedInnewapp2

 

Из значения поля Client ID (Идентификатор клиента) вставляем в поле API Key. Secret Key(Секретный ключ клиента) копируем в соответствующее поле в плагине.

LIve.com - сервис авторизации Microsoft

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login LIve.com auth".

Для создания приложения Live пройдите по этой ссылке.

авторизация через microsoft в Joomla

Введите название приложения, сохраните, в поле "Домен перенаправления" укажите ваш сайт. Скопируйте поля "ИД клиента" и "Секрет клиента" в поля плагина" и "Client secret" соответственно.

Yahoo - настройка авторизации через сервисы Yahoo

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Yahoo auth".

Для создания приложения Yahoo пройдите по этой ссылке.

yahoo set

yahoo set

После создания приложения копируем в плагин поля: Client ID, Client Secret.

WordPress - настройка авторизации через сервисы WordPress

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Wordpress auth".

Для создания приложения WordPress пройдите по ссылке.

Обязательно укажите обратный URL формата: http://site.ru/?option=com_slogin&task=check&plugin=wordpress

настройка Wp

настройка Wp - настройка Wp

Скопируйте поля Client ID и Clent Secret в соответствующие поля плагина.

Секретные ключи WordPress

Секретные ключи WordPress - Секретные ключи WordPress

Instagram - настройка авторизации через сервисы Instagram

Предварительно требуется настроить плагин. Менеджер расширений => Менеджер плагинов => группа плагинов "slogin_auth" => плагин "Social Login Instagram auth".

Для создания приложения в instagram пройдите по ссылке

Обязательно укажите обратный URL формата: http://site.ru/?option=com_slogin&task=check&plugin=instagram (используйте ту ссылку, котору)

instagram slogin doc

Во вкладке "Security" выберите параметр "Disable implicit OAuth".

Скопируйте данные из полей Client ID и Client Secret, вставьте полученные ключи в соответствующие поля плагина.