Андрей Смирнов
Время чтения: ~11 мин.
Просмотров: 0

Авторизация через социальные сети: ВКонтакте

  • Главная»
  • Уроки

В этом разделе перечислены все уроки без разделения по рубрикам.

Выбирайте тот урок, который интересует Вас больше всего на данный момент. К каждому уроку Вы можете оставить свой комментарий, а также проголосовать.

1234 368

  • fornex_logo.jpg

    Как разместить свой сайт на хостинге? Правильно выбранный хороший хостинг — это будущее Ваших сайтов

    Проект готов, Все проверено на локальном сервере OpenServer и можно переносить сайт на хостинг. Вот только какую компанию выбрать? Предлагаю рассмотреть хостинг fornex.com. Отличное место для твоего проекта с перспективами бурного роста.

    Сложность:Создан: 23 Ноября 2018Просмотров: 7131

  • mini.jpg

    Разработка веб-сайтов с помощью онлайн платформы Wrike

    Создание вебсайта — процесс трудоёмкий, требующий слаженного взаимодействия между заказчиком и исполнителем, а также между всеми членами коллектива, вовлечёнными в проект. И в этом очень хорошее подспорье окажет онлайн платформа Wrike.

    Сложность:Создан: 27 Июня 2018Просмотров: 8507

  • wordpress-joomla.png

    Почему WordPress лучше чем Joomla ?

    Этот урок скорее всего будет психологическим, т.к. многие люди работают с WordPress и одновременно с Joomla, но не могут решится каким CMS пользоваться.

    Сложность:Создан: 26 Августа 2017Просмотров: 20169

  • wp.jpg

    Про шаблоны WordPress

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

    Сложность:Создан: 3 Августа 2017Просмотров: 18257

  • thumbnail.png

    Анимация набора текста на jQuery

    Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.

    Сложность:Создан: 26 Июля 2017Просмотров: 25948

  • wp.jpg

    Самые первые настройки после установки движка WordPress

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

    Сложность:Создан: 24 Июля 2017Просмотров: 16984

  • strategy.jpg

    10 стратегий эффективного продвижения статей в блогах на WordPress

    Продвижение статей в блоге — непростая задача. Часто бывает, что вы пишете действительно хороший контент, включаете визуальные эффекты, делаете правильные корректировки SEO, но это не дает ожидаемого результата.

    Сложность:Создан: 22 Июля 2017Просмотров: 14858

1234 368

Многие люди задаются вопросом, как зарегистрироваться ВКонтакте? И именно поэтому мы создали эту статью – урок чтобы новички могли быстро и без проблем зарегистрировать страницу ВК. Здесь описан самый простой и легкий способ как создать новую страницу, и никаких вопросов не должно возникнуть.

maxresdefault2-e1520536011290.jpg Для того, чтобы создать страницу, вам нужно на своем компьютере выполнить следующие действие: в своем браузере в панели адреса ввести адрес социальной сети vk.com, или перейти по ссылке после чего откроется главная страничка, где вы сможете зарегистрироваться.

Страница регистрации Вконтакте (откроется в новом окне)

Регистрация через официальный сайт ВКонтакте

  1. Чтобы попасть на страницу регистрации кликните на одну из кнопок которые отмечены на рисунке ниже.регистрация-вконтакте-e1500456147687.jpg
  2. После этого откроется маленькое окошко, в котором необходимо указать Фамилию, Имя и дату рождения и нажать на кнопку Регистрация.регистрация-страницы-вконтакте.jpg
  3. В окне “Подтверждение регистрации” необходимо ввести мобильный номер для защиты Вашей страницы. На него придет бесплатное сообщение с кодом который необходимо ввести в специальное поле.Подтверждение-регистрации-вк.jpg
  4. Код придет на телефон в течении пары минут, можно запросить новый код если в течении 2-х минут не пришло ничего.
  5. Следующий шаг регистрации создание пароля для страницы Вконтакте. Под полем где вводите пароль будут подсказки насколько сложный пароль.Создание-пароля-для-вк.jpg

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

  6. После входа на сайт открывается страница где можно заполнить всю информацию о себе, добавить фотографию, добавить друзей из других социальных сетей , подписаться на интересных людей.Регистрация-вконтакте-бесплатно.jpg

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

Моя страница вконтакте войти прямо на страницу

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

страница-вконтакте-моя.jpg

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

Дата публикации: 2014-03-24

100.jpg

От автора: в данном уроке мы с Вами поговорим об авторизации пользователей на сайте. Но речь пойдет не о классической авторизации, а об авторизации с использованием ресурсов социальной сети ВКонтакте. В данный момент социальные сети пользуются огромнейшей популярностью среди пользователей Интернета и иногда очень удобно использовать у себя на сайте для авторизации непосредственно информацию добавленную пользователем в социальную сеть.

Введение

Для авторизации через социальную сеть ВКонтакте, используется открытый протокол OAuth 2.0. OAuth — это открытый протокол авторизации, который позволяет получить Вам – разработчикам — доступ к ресурсам пользователя хранящимся к примеру в социальной сети ВКонтакте. При этом пользователю вовсе не нужно сообщать Вам свой логин и пароль для доступа к его данным.

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

php.jpg

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

Теперь, так как мы будем работать непосредственно с социальной сетью, наш скрипт должен располагаться на реальном сервере. Так как будет проходить постоянный обмен данными между нашим скриптом и сервисом ВКонтакте. При этом на локальном компьютере (к примеру Denwer) скрипт работать не будет.

Для удобства работы с удаленным сервером, мы будем использовать текстовый редактор Notepad++, который содержит встроенный плагин по работе с протоколом FTP. Используя который, мы можем открывать и редактировать файлы скрипта непосредственно на удаленном сервере. Для этого запускаем текстовый редактор открываем меню Plugins, далее NppFTP и активируем Show NppFTP Window. При этом будет открыто окно для обзора файлов и папок удаленных серверов. В данном окне необходимо открыть настройки (кнопка Settings), а именно настройки профиля (Profile Settings) и добавить новый профиль для соединения с ftp сервером (при этом необходимо указать настройки подключения).

1.jpg

Затем, кликнув по кнопке Connect выполняем соединение через FTP:

2.jpg

Для добавления новых файлов, достаточно правой кнопкой кликнуть по соответствующей папке и выбрать Create new file. Открыть соответствующий файл можно двойным щелчком мыши.

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

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

Итак, создаем приложение, для этого переходим по ссылке https://vk.com/editapp?act=create:

3.jpg

Вводим название приложения и отмечаем галочкой пункт веб-сайт, вводим путь к сайту и его базовый домен (путь к сайту может содержать домен и папку в которой расположен сайт или тестовый скрипт) и нажимаем “Подключить приложение”.

4.jpg

Далее необходимо подтвердить создание приложение путем ввода специального кода который придет на Ваш мобильный телефон. После этого Ваше приложение создано.

5.jpg

Далее переходим на вкладку настойки и копируем идентификатор приложения и его секретный ключ, которые понадобятся далее. ВАЖНО: ни кому не сообщайте идентификатор приложения и его секретный ключ и не выкладывайте их в открытый доступ, так как они могут быть использованы злоумышленниками.

Еще хотел бы обратить Ваше внимание на следующую страницу: http://vk.com/developers.php?oid=-1&p=%D0%90%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F_%D1%81%D0%B0%D0%B9%D1%82%D0%BE%D0%B2. Это документация по теме данного урока.

Авторизация ВКонтакте

Первым делом давайте создадим страницу с ссылкой Авторизация, кликнув по которой пользователь будет перенаправлен на страницу авторизации ВКонтакте. Для этого создадим файл index.php:

Данная страница выглядит следующим образом:

6.jpg

Как Вы видите путь в ссылке Авторизация ведет на вспомогательный файл auth.php, который будет обрабатывать данные нашего скрипта. Теперь давайте создадим файл конфигурации config.php и добавим несколько констант:

Где: APP_ID – идентификатор Вашего приложения, APP_SECRET – секретный ключ, REDIRECT_URI – путь на который ВКонтакте пришлет перенаправит пользователя, URL_ACCESS_TOKEN – путь по которому необходимо выполнить запрос для получения access_token (ключ доступа к данным пользователя), URL_AUTH – путь страницы авторизации ВКонтакте, URL_GET_USER – путь по которому необходимо выполнить запрос для получения данных пользователя. Теперь создадим новый файл (Auth_VK.php) и добавим в него следующий код:

Данный класс – это логическое ядро нашего скрипта. Свойства класса: $code – код который пришлет ВКонтакте в результате успешной авторизации пользователя, $token – access_token – ключ доступа к данным пользователя; $uid – идентификатор пользователя в системе ВКонтакте. В конструкторе класса мы подключим файл конфигурации. Метод redirect() – необходим для перенаправления пользователя по адресу, который передается в аргументе при вызове метода. Вспомогательные методы set_code(), set_token(), set_uid() – необходимы для установки закрытых свойств класса. Теперь давайте создадим файл auth.php и добавим в него следующий код:

То есть в начале подключаем ранее созданный класс, затем создаем его объект. Как я говорил ранее после успешной авторизации, ВКонтакте пришлет в данный файл данные, используя GET параметры (то есть через адресную строку). Это будет параметр code – специальный код необходимый для получения access_token. Поэтому если данного параметра нет, значит необходимо перенаправить пользователя на страницу авторизации ВКонтакте. При этом через адресную строку необходимо передать следующие параметры:

client_id – идентификатор приложения пользователя;

scope – права доступа приложения (offline — означает доступ к данным пользователя в любое время);

php.jpg

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!

redirect_uri – путь по которому будет выслан параметр code. Этот адрес должен находиться в пределах домена, указанного в настройках приложения.;

response_type – ответом от сервера должен быть параметр code.

Теперь давайте выполним авторизацию (переходим по ссылке Авторизция):

7.jpg

Вводим логин и пароль, затем необходимо разрешить приложению получать доступ к данным пользователя (в данном случае в роли пользователя выступаем мы и разрешаем своему же приложению получить наши данные). После успешной авторизации Вконтакте перенаправляет нас обратно на страницу auth.php и через адресную строку передает параметр code.

8.jpg

Получение access_code

Далее необходим получить ключ доступа к данным пользователя, используя полученный параметр code. Для этого в файл auth.php добавим следующий код:

Кстати если во время авторизации возникли ошибки, то вместо параметра code, придет параметр error – код ошибки, вместе с ее описанием — error_description. Поэтому если мы действительно получили code, значит, запишем его в свойство класса и вызовем метод get_token(), который получит access_token. Теперь в класс Auth_Vk добавим код метода get_token():

Для получения access_token необходимо отправить запрос по адресу хранящимся в константе URL_ACCESS_TOKEN, и передать следующие параметры, используя метод GET:

client_id – идентификатор приложения;

client_secret – секретный код;

code – полученный code;

redirect_uri – здесь нужно указать тот же адрес, что и для получения code.

Запрос отправлять будем используя библиотеку CURL. При этом ответ от сервера ВКонтакте придет в формате строки JSON. Значит, используя функцию json_decode(), декодируем данную строку в объект. Объект мы получим следующего вида:

9.jpg

В случае ошибки мы получим следующее:

10.jpg

То есть мы получим объект у которого будет либо свойство access_token, либо свойство error. Поэтому, если мы получаем access_token – запишем его значение и идентификатор пользователя в соответствующие свойства класса и вернем TRUE, если же придет ошибка — запишем ее в сессию и вернем FALSE.

Получение данных пользователя

После того, как мы получили ключ доступа access_token – можно получить данные пользователя. Для этого в файл auth.php добавим следующий код (после вызова метода get_token()):

Теперь давайте опишем метод get_user(), который получит и вернет данные пользователя:

Для получения данных пользователя необходимо отправить запрос по адресу, хранящимся в константе URL_GET_USER и отправить следующие данные, используя метод GET:

uids – идентификатор пользователя, полученный вместе с access_token;

fields – данные которые необходимо получить (подробнее о данных можно посмотреть в документации http://vk.com/developers.php?oid=-1&p=users.get)

access_token – access_token полученный ранее.

Как обычно запрос отправляем используя библиотеку CURL. Данные как обычно придут в формате JSON строки, поэтому декодируем их и сохраняем в сессии для дальнейшего вывода на экран. И сразу выполняем редирект на главную страницу нашего сайта. Давайте распечатаем объект данных пользователя, который мы получи после декодирования JSON строки:

11.jpg

Теперь осталось вывести данные пользователя в нужном Вам месте, либо сохранить их в базе данных и т.д. Я выведу данные пользователя сразу под ссылкой Авторизация:

На этом данный урок завершен. Всего Вам доброго и удачного кодирования!!!

php.jpg

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Получить курс сейчас!php.jpg

Разработка веб-приложения на PHP

Создайте веб-приложение на PHP на примере приема платежей на сайте

Смотреть Оптимизируйте передачу CSSАвторизация через социальные сети: Facebook —>

Метки:авторизация, вконтакте

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

https://webformyself.com/avtorizaciya-cherez-socialnye-seti-vkontakte/—>Используемые источники:

  • https://ruseller.com/lessons.php
  • https://v-pc.ru/vkontakte-zaregistrirovatsya.html
  • https://webformyself.com/avtorizaciya-cherez-socialnye-seti-vkontakte/

Рейтинг автора
5
Подборку подготовил
Андрей Ульянов
Наш эксперт
Написано статей
168
Ссылка на основную публикацию
Похожие публикации