Авторизация через социальные сети на Modx Revo

Авторизация через социальные сети на Modx Revo

Добрый день!

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

До:

Форма комментирования modx revo

После:

Авторизация через соц-сети modx revo

Личный кабинет в modx revo

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

Выделим задачи с которыми HybridAuth справляется на 5+:

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

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

1. Итак, для установки нашего приложения нажимаем в главном меню Modx Приложения -> Установщик -> Загрузить дополнения -> В поиске вбиваем HybridAuth и устанавливаем.  

2. Далее переходим Настройки -> Системные настройки -> фильтруем по HybridAuth  

Настройка hybridauth

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

3. Далее, в месте где вы хотите вывести форму авторизации, вставляем этот код. В моем случае, это чанки формы комментариев для незарегистрированных пользователей.

[[!HybridAuth?
&providers=`Vkontakte, Facebook`
]]

Перечисляем нужных нам провайдеров через запятую.

4. Далее переходим в раздел Чанки -> tpl.HybridAuth.profile и tpl.HybridAuth.logout и в месте вывода фото меняем значение на  [[+photo]] делается это для того чтобы подгружались аватарки из соц сетей.

tpl.HybridAuth.logout

Вывод фото в HybridAuth

tpl.HybridAuth.profile

Вывод фото в HybridAuth

5. Для вывода личного кабинета создадим новый документ Личный кабинет и в поле контент вызовем сниппет  [[!haProfile]]

Личный кабинет в modx

Личный кабинет на Modx Revo

Личный кабинет в modx revolution

На этом все. Как видите ничего сложного в настройке нет.

Желаю всем удачи. До новых встреч!!)

Похожие записи:
Знакомство с системой управления сайтом Modx Revo
Знакомство с системой управления сайтом Modx Revo

Данная статья посвящена знакомству с основными элементами системы управления сайтом Подробнее:

Вывод статей на сайте Modx Revo GetResources
Вывод статей на сайте Modx Revo GetResources

Добрый день! Сегодня мы разберем основы вывода наших статей на Подробнее:

Modx Revo перенос сайта на другой хостинг
Modx Revo перенос сайта на другой хостинг

Периодически возникает проблема и вопрос в переносе сайта MODX Revo с Подробнее:

Карта сайта на Modx Revo
Карта сайта на Modx Revo

Сегодня начнем с того что такое карта сайта, и для чего Подробнее:

Комментарии 1

  • ничего сложного нет в настройке тех провайдеров что есть, сложность в добавлении нового провайдера авторизации

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *