Модуль социальной авторизации

Материал из ФабрикаСайтов

Перейти к: навигация, поиск

Иногда заполнение форм может стать непреодолимой преградой для клиента, желающего зарегистрироваться на сайте. Многочисленные графы с просьбами указать имя, фамилию и прочие данные действительно выглядят пугающе. Куда приятнее, когда авторизация проходит в один клик при помощи аккаунта в социальных сетях. Будь то сервис «ВКонтакте», старые добрые «Одноклассники», заморские Facebook или Twitter — человек одним нажатием клавиши может присоединиться к любому сайту. Для подключения подобного функционала от вас потребуется только добавить сайт как приложение в одну из социальных сетей. Инструкции о том, как это сделать, приведены ниже.


1. ВКонтакте

Сначала потребуется перейти по ссылке. На открывшейся странице Вы увидите следующую форму:


Vkontakte-inst-1.png


В поле "Название" укажите любое имя для приложения, а в качестве значений для полей "Адрес сайта" и "Базовый домен" укажите адрес главной страницы своего сайта. После заполнения формы кликните по кнопке "Подключить сайт". Появится форма, где вы можете либо подключить устройство для приложения, либо осуществить его активацию через SMS-уведомление. Второй способ более удобен, но и первым пользоваться никто не запрещает.


Vkontakte-inst-2.png


Отлично, осталось чуть-чуть. Щёлкните по пункту "Настройки" в левом меню, скопируйте уникальные значения полей "ID приложения" и "Защищённый ключ" и отправьте их менеджеру, ответственному за ваш проект:


Vkontkte-inst-3.png


После получения необходимых данных наши специалисты проведут необходимые работы по подключению авторизации на Вашем сайте при помощи аккаунта "ВКонтакте".


2. Одноклассники

На странице справочных материалов социальной сети "Одноклассники" и так есть подробная инструкция по созданию приложения. Выполните все пункты, указанные в статье. На ваш контактный e-mail будет отправлено сообщение с данными, которые необходимо прислать менеджеру, ответственному за Ваш проект:

Odnoklass-letter.jpg


3. Twitter

Для создания приложения в сервисе Twitter потребует перейти по ссылке. После открытия страницы вы увидите следующую форму:


Twitter-inst-1.png


В поле "Name" нужно указать имя приложения. Обращаем ваше внимание на то, что оно должно быть уникальным. В "Descriptions" указывается описание приложения, а в поле "Website" потребуется указать адрес главной страницы вашего сайта - например, http://test-sait.ru.


После заполнения информации пролистайте страницу до самого конца, отметьте пункт "Yes, I agree" и щёлкните по пункту "Create your Twitter application". Откроется окно редактирования приложения. Выберите пункт "Keys and Access Tokens":


Twitter-inst-2.png


Останется скопировать значения в полях Consumet Key (Api Key), Consumet Secret (API Secret), Owner и Owner ID и отослать их менеджеру, ответственному за ваш проект. Дальнейшей настройкой авторизации будут заниматься наши специалисты.


4. Яндекс

Создать приложение для Яндекса Вы можете на этой странице. Для регистрации приложения потребуется указать его название в соответствующем поле. Остальные графы вы можете заполнить по желанию.


Yand-api-1.jpg


После указания необходимой информации сохраните изменения и скопируйте предоставленные данные:


Yand-api-2.jpg


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


5. Facebook

Последним в нашем списке, но далеко не последним по значению является сервис Facebook. Для создания приложения понадобится выполнить несколько простых шагов. Сначала перейдите на данную страницу и зарегистрируйтесь в качестве разработчика, выбрав пункт "Register as a Developer":


Facebook-api-1.jpg


После нажатия потребуется подтвердить соглашение:


Facebook-api-2.jpg


Как только все формальности будут улажены, выберите пункт "Add a New App":


Facebook-api-3.jpg


Затем щёлкните по значку "WWW":


Facebook-api-4.jpg


Появится окно с полями. Укажите название вашего приложения в строке "Display Name", в списке "Категория" выберите "Бизнес", затем щёлкните по кнопку "Create App ID":


Facebook-api-5.jpg


Остаётся лишь скопировать значения в полях "App ID" и "App Secret", и отправить их менеджеру, ответственному, за ваш проект:


Facebook-api-6.jpg
Личные инструменты