ModX        19 февраля 2016        3790         0

Настройка HybridAuth на ModX для авторизации через социальные сети

Долгая и длинная регистрация на сайте с огромным количеством заполняемых полей и вопросов уже далеко в прошлом! Почти на каждом интернет сайте можно встретить рядом с кнопкой регистрации, кнопку «войти с помощью социальной сети». Авторизация через ВКонтакте, Твиттер, Фейсбук и другие сервисы намного упрощают и облегчают процесс регистрации пользователя всего до нескольких кликов, в итоге посетители сайта экономят время, а легкость регистрации на сайте наверняка увеличит количество пользователей на Вашем проекте. Сегодня мы сделаем на сайте под управлением ModX авторизацию через социальные сети с помощью компонента HybridAuth.

Немного о компоненте HybridAuth для ModX

HybridAuth это компонент для авторизации через социальные сети и другие сервисы, разработанный Василием Наумкиным (@bezumkin) о котором я упоминал в предыдущей статье. Основными преимуществами HybridAuth для ModX Revolution является работа с сервисами без каких-либо посредников, а также возможность объединения нескольких аккаунтов в социальной сети в один профиль на Вашем сайте под управлением ModX.

Таким образом задачи с которыми превосходно справляется HybridAuth:

  • Авторизация на сайте с помощью социальных сетей в один клик
  • Подгрузка имени, логина и адреса электронной почты с аккаунта через который происходит авторизация
  • Вывод аватарки через Gravatar или из сервиса с помощью которой авторизовались
  • Объединение нескольких аккаунтов соц.сетей в один профиль на сайте

Установка HybridAuth

Для того чтобы установить HybridAuth на Вашем сайте нужно подключить магазин дополнений ModStore. (Внимание, если у Вас уже подключен репозиторий ModStore, этот шаг вы можете пропустить)Итак переходим по ссылке и регистрируемся на сайте, после чего активируете аккаунт с помощью письма на почте, там же Вы и получите пароль. Далее логинимся и переходим в личный кабинет во вкладку «Ключи» и если там еще не подключен Ваш сайт, нажимаем сгенерировать новый ключ. После этого во всплывающем окне у Вас появится ваш логин и сгенерированный ключ которые нужно записать где-нибудь.

Получение ключей HybridAuth Modx

Далее необходимо зайти уже на Ваш сайт в панель управления сайтом (/manager) в раздел Система — Управления пакетами, далее переключиться на кладку «Поставщики» и создать нового поставщика. При создании нового поставщика необходимо указать следующее:

  • Имя — modstore.pro
  • Url сервиса — https://modstore.pro/extras/ или http://modstore.pro/extras/
  • Имя пользователя — ваша электронная почта, при помощи которой вы авторизуетесь на этом сайте.
  • Ключ API — ваш свежесгенерированный ключ доступа.
  • Описание — необязательное поле.

Сохраняемся и переходим на вкладку «Пакеты», далее необходимо выбрать нового поставщика, это можно сделать «Загрузить дополнения». Вы увидите домашнюю страницу репозитория, и сможете загрузить нужные пакеты. Теперь находим там пакет HybridAuth и устанавливаем как обычный пакет который ставили до этого.

Настройка HybridAuth

После того как мы установили компонент, нам нужно его настроить. Начнём мы с размещения кнопки авторизации и ее настройки. Для ее вывода нужно разместить в шаблоне вот такой код:

В пункте &providers вы можете указать сервисы через которые пользователи могут авторизироваться на сайте, или убрать эту строку и тогда посетителю будут предложены варианты авторизации через все соц.сети доступные в компоненте. Обязательно наличие строки &groups в которой Вы указываете в какую группу попадет пользователь после авторизации, если строку не указать, есть вероятность, что пользователь попадет в группу «Аноним» и не сможет что-либо делать на сайте. Сохраняем шаблон и переходим к самому важному, получению ключей для авторизации в самих сервисах.

HybridAuth Настройка

Ссылки на подключения всех провайдеров доступны в документации по компоненту, а сами ключи нужно вводить в панели управления, для этого заходим в менеджер нажимаем на шестеренку справа вверху и выбираем «Системные настройки», далее в фильтре выбираем HybridAuth и попадаем на страницу настройки ключей, выбираем нужный ключ и нажимаем правой кнопкой для редактирования, заполняем полученные данные из сервиса и вуаля все работает!

Настройка HybridAuth на ModX для авторизации через социальные сети
3.75 (75%) Проголосовало: 4

comments powered by HyperComments