Foreversoft.ru

IT Справочник
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Войти через вконтакте

Аутентификация через ВКонтакте

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

Заметка. Пример, созданный в данном уроке, предназначен для работы на локальном сервере.

Шаг 1. Регистрация нового приложения

Для начала нам необходимо создать новое приложение на сайте социальной сети ВКонтакте

В открывшейся форме введите название приложения; выберите тип “Веб-сайт”; В качестве адреса сайта введите путь к папке с проектом на вашем локальном сервере. В моём случае, это http://localhost/vk-auth . Базовый домен: localhost .

После нажатия на кнопку “Подключить сайт”, вам наверняка придётся ввести проверочный код, который придёт по смс. Если вы пройдёте проверку, то вам должна открыться следующая форма с настройками приложения.

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

Из данной формы нам понадобятся такие данные, как `ID приложения`, `Защищённый ключ`, `Адрес сайта`. Запишем их в специальные переменные в файле index.php:

Шаг 2. Генерация ссылки для аутентификации

Для генерации ссылки нам потребуется адрес аутентификации и специальные параметры:

С помощью функции http_build_query, передав туда массив параметров, получим чередование ключей и значений, как в url адресе. Итак, генерируем ссылку и выводим на экран:

Также тут я воспользовался функцией urldecode. Если этого не сделать, то в сгенерированной ссылке могут появиться закодированные символы слешей, знаков двоеточия и так далее. Что-то вроде этого:

Если же мы пропустим данную строку через функцию urldecode, то получим:

Итак, ссылка для аутентификации у нас готова. Если мы сформировали все параметры правильным образом и получили верный url, то пройдя по ссылке, будем перенаправлены по адресу, указанному в настройках приложения (‘http://localhost/vk-auth’). Только теперь к этому адресу будет прикреплён специальный параметр code:

Шаг 3. Получение токена

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

В первую очередь, снова сформируем нужные нам параметры для этого запроса:

Далее нам нужно отправить GET запрос на адрес https://oauth.vk.com/access_token, передав перечисленные параметры. В PHP выполнить GET запрос по какому-то адресу можно несколькими способами. Для данного урока я воспользуюсь функцией file_get_contents.

В результате, при успешном выполнении запроса в переменную $token будет записан ответ от ВКонтакте в JSON формате. Данная строка содержит 3 параметра: access_token, который мы будем использовать в следующих запросах для извлечения информации о пользователе, expires_in — время жизни токена, user_id — id пользователя, который прошёл аутентификацию.

Для того чтобы мы далее могли работать с данными параметрами, декодируем JSON строку с помощью функции json_decode и помещаем данные в массив, передав в качестве второго аргумента true.

Шаг 4. Получение информации о пользователе

Итак, теперь когда у нас есть параметры access_token и user_id, мы можем сделать запрос к ВКонтакте API и получить информацию о пользователе. Для начала снова подготовим массив с параметрами, которые в последствии превратим в фрагмент url строки.

В параметр uids записываем id пользователя; в fields перечисляем через запятую поля, которые хотим извлечь (uid — id пользователя, first_name — имя, last_name — фамилию, screen_name — имя отображаемое на страницах VK, sex — пол, bdate — дату рождения, photo_big — фотографию). Для доступа к большему количеству полей обратитесь к ВКонтакте API users.get. В качестве последнего параметра передаём ‘access_token’.

Для получения информации о пользователе сфомированные параметры нам нужно отправить GET запросом по адресу https://api.vk.com/method/users.get.

В результате, если всё было сделано правильно, то получим JSON ответ следующего вида:

Снова преобразуем JSON ответ в массив и обратимся к нулевому элементу, хранящемуся в массиве, доступному по ключу response:

Прошу обратить внимание, что в данном фрагменте, я добавил специальную переменную $result, равную изначально false сразу же после проверки наличия GET параметра code. Если нам удалось извлечь информацию о пользователе, то мы меняем значение этой переменной на true.

Шаг 5. Извлечение информации о пользователе

Теперь извлекать информацию о пользователе мы можем из массива, хранящегося в переменной $userInfo по ключам uid, first_name, last_name, screen_name, sex, bdate, photo_big.

Шаг 6. Дело за вами

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

После этого, всё что нам осталось сделать, так это создать сессию и поместить в неё информацию о нашем пользователе.

На странице выхода из системы просто удаляем сессию с помощью функции unset .

Вот мы и подошли к концу данного урока, и теперь в ваших руках есть решение, которого вы, возможно, долго ждали. Если вас интересует тема аутентификации через социальные сети, то пишите об этом в комментариях, и я с радостью расскажу и покажу, как работать с Одноклассниками, Google-ом, Facebook-ом и другими сервисами.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Станислав Протасевич
Урок создан: 11 Марта 2013
Просмотров: 237497
Правила перепечатки

Читать еще:  Vk добро пожаловать вход вконтакте

5 последних уроков рубрики «PHP»

Фильтрация данных с помощью zend-filter

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

Контекстное экранирование с помощью zend-escaper

Обеспечение безопасности веб-сайта — это не только защита от SQL инъекций, но и протекция от межсайтового скриптинга (XSS), межсайтовой подделки запросов (CSRF) и от других видов атак. В частности, вам нужно очень осторожно подходить к формированию HTML, CSS и JavaScript кода.

Подключение Zend модулей к Expressive

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

Совет: отправка информации в Google Analytics через API

Предположим, что вам необходимо отправить какую-то информацию в Google Analytics из серверного скрипта. Как это сделать. Ответ в этой заметке.

Подборка PHP песочниц

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

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

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

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

Введение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вконтакте — Моя страница ВК: вход

Моя страница Вконтакте — это личная страница каждого зарегистрированного пользователя социальной сети Вконтакте. Как правило, при заходе на сайт сети (Vkontakte.ru или vk.com) человек попадает на страницу новостей. Для того чтобы зайти сразу на главную — то есть свою страницу, надо либо делать закладки в браузере/телефоне, либо входить по прямым ссылкам

Моя страница Вконтакте

Моя страница Вконтакте имеет много настроек и вариантов оформления — как с помощью стандартных возможностей ВК, так и при помощи множества приложений. Такие приложения расширяют, украшают и делают более удобным интерфейс самой популярной социальной сети СНГ. В чём разница между полной, новой и мобильной версией Вконтакте? Как правильно настроить интерфейс личной страницы? Как заходить на мою страницу вк без логина и пароля? Почему моя страница заморожена или заблокирована? На эти вопросы вы найдёте ответы на этой странице и на этом сайте.

Моя страница Вк — строение и описание функций

Моя страница Вконтакте — очень информативная, но при этом лаконичная и простая. Особенно в сравнении с другими социальными сетями. За это её и любят — в том числе и зарубежные пользователи.

Читать еще:  Сайт вконтакте моя

Самое неприятное что может случится при пользовании социальной сетью Вконтакте — это однажды увидеть что моя страница заморожена. Почему личную страницу заблокировали, что делать в таком случае? На самом деле — это довольно обширная тема и достойная отдельного материала, но здесь мы укажем несколько лаконичных советов и ответов на самые важные вопросы по блокировке страницы Вконтакте. Итак, почему мою страницу заблокировали? Скорее всего, вы нарушили какое-то правило пользования Вк, на вас нажаловались недоброжелатели (справедливо или нет — это уже другой вопрос), с вашей странички рассылается слишком много сообщений. Это самые частые причины. Если хотите разморозить свою страничку — вы первым делом должны понять причину по которой вас заблокировали и устранить её. Дальше — в зависимости от серьёзности нарушения, страница через некоторое время будет разморожена. Если же время заморозки не указано, нужно обратится в администрацию Вконтакте и попросить их разблокировать вас в ручном режиме. Как правило, в случае если причина заморозки устранена, администрация идёт на встречу.

Как посмотреть как выглядит моя страница ВК

Как мои друзья видят мою страницу? Есть ли разница между тем что видят мои подписчики и я на своей странице? Ответим сразу — разница есть! И эта разница существует не только для вас и остальных — во Вконтакте можно настраивать степень отображения для каждого отдельного друга индивидуально! Это открывает для кастомизации страницы просто огромные возможности, хотя к слову — большинство не пользуются всем доступным функционалом. Для того чтобы посмотреть на себя со стороны нужно нажать на изображение аватарки в правом верхнем углу страницы. Дальше в выпадающем меню выбрать пункт Настройки. В этом меню обратите внимание на правый сайдбар и нажмите там пункт Приватность. В этом разделе вы сможете настроить отображение большинства элементов сайта для разных посетителей, а посмотреть как это будет выглядеть можно нажав на ссылку в конце раздела. Там вы всё и увидите!

Как зайти на свою страницу Вк без логина и пароля

Логин и пароль служат для входа на персонализированную часть Вконтакте — Мою страницу, а также для защиты вашего аккаунта от доступа других лиц. Если высказаться предельно коротко — вход с логином и паролем это нужная вещь, хотя и немного неудобная — каждый раз вводить довольно сложный пароль и мудрёный логин хлопотно и долго по времени. Как же упростить вход на Мою страницу Вконтакте и при этом существенно не снизить стандарты безопасности? Есть два очень простых решения:

1. Если вы используете для входа во Вконтакте личный компьютер или ноутбук — лучше всего настроить систему автосохранения логина и пароля. В таком случае на вашем компьютере нужно будет всего лишь нажать на кнопку Войти — и браузер сам зайдет в социальную сеть.
2. Если вы используете для пребывания Вконтакте смартфон — зайти не вводя логин и пароль можно через официальное приложение Вконтакте.

Публичная страница Вконтакте — что это?

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

Этот Вконтакте очень забавный, после FB нелегко пользоваться. У нас в Прибалтике это не очень популярная соцсеть

В последнее время Вк динамично развивается и многие говорят что у неё есть преимущества перед «первой соцсетью»

Я не могу зайти на свою страницу

Как зайти на Вконтакте?

после логина и пароля каждый раз для входа на свою страницу разгадывать вашы идиотские ребусы-загадки это уж слишком——

Я не могу зайти на свою страницу. Уже и пароль меняла, автоматом открывается страница мужа. Что делать?

Я не могу зайти на свою страницу. Пишут угроза безопасности. Как быть?

я хочу зайти контакт вк

Почему-то страница ВК на компе отображается в очень- очень мелком формате . В мобильных приложениях все нормально . Что делать ?

може вы чтото в браузере не так настроили (случайно), попробуйте зайти в контакт с разных браузеров, например Хрома, мозилы, оперы или другого. Если на одном мелкий шрифт а на других нормально — значит это точно что-то не так с браузером

я не могу найти свою страницу

как зайти на страницу ВКонтакте открытую пять лет назад?

я не могу зайти на страницу ВК

я не могу зайти в вк пишут что не удайотся усанавить соединение с сайтом

Я не могу открыть свою страницу. По фамилиям я её нашла

Заблокирован номер телефона и доступ к ВК. Кто-то на моей стене 6.02.17 в 17.58 написал рекламное объявление. Я коммерцией не занимаюсь. Что мне делать?

Добрий день Помогите мне востановить страницу,забила пароль и немогу войти уже второй день мучусь…

Добрый день . Не могу войти на страницу , пароли не помню , телефон был привязан другой , заблокирован . Как востановить мою страницу. Помогите

Здравствуйте помогите пожалуйста востановить страницу нет доступа к номеру телефона !

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

Читать еще:  Вконтакте моя страница зайти с паролем

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

Я не могу зайти на свою страницу в контакте так-как поменяла свой номер телефона, а код подтверждения приходит на старый номер,которого уже не существует.Что мне делать.

Не могу выйти на свою страницу в контакте, так как поменяла номер телефона, которого сейчас не существует,а на этот номер приходят пароли подтверждения. Настоящий мой номер телефона — новый. Что мне предпринять.

я немагу нечиво открыть на сваей странице

я немагу зайти в сваи папки

Аналогичная проблема. Каждый раз при попытку входа в контакт, выплывает одно и то же:? неправильно набран нлогин или пароль. И начинаешь искать вариации. Хотя перед моими глазами лежит записанный логин и пароль.

не могу включить звуковое оповещение

зависла моя страница в контакте что делать?

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

Моя страница заблокирована. Прошу помочь разблокировать

Заблокирована страница из-за взлома, была рассылка какой то услуги. Разблокировка страницы не происходит, прошу помощи. Страница очень важна для меня, много информации и друзей.

Почему нет новостей в полном объёме?

Не могу зайти на свою страничку с компьютера, пишет имя не соответствует привязанному к страничке телефону. Однако, все соответствует . Пользуюсь пока входом с телефона. Что делать?

Я не могу зайти на вою страницу

у меня проблема с входом на страничку

я не ногу воити в вк хоть у меня есть акаунт

Мою страничку заблокировали. Пожалуйста помогите. Причина непонятна мне.

Я не могу зайти на свою страницу так как старый номер не существует а я не помню пароль и ничего не получается, помогите пожалуста

Невозможно третий день попасть на страницу, после введения логина и пароля возникает «Подтверждение действия», которое ни на какие кнопки не реагирует

У меня заморозили страницу когда разморозят

Войти на свою страницу Вконтакте, прямо сейчас

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

Войти на свою страницу Вконтакте

Для перехода к форме входа, нажмите на кнопку ниже.

Перед вами будет форма для входа. Необходимо заполнить два поля — логин и пароль . Введите ваши персональные данные, а затем нажмите на кнопку » Войти «.

Обращайте внимание на регистр букв и язык ввода, чтобы не допустить ошибку. Напоминаю Вам, в поле » Логин «, могут быть использованы следующие данные:

  • Номер вашего мобильного телефона
  • E-mail адрес

Вы получаете и настраиваете эти данные, на этапе регистрации страницы.

Вход в ВК с компьютера и телефона через браузер

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

Либо найти сайт ВК, через любую поисковую систему.

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

Внешний вид формы для входа, в полной версии сайта Вконтакте

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

Форма входа в ВК, при просмотре через браузер мобильного телефона

Здесь процесс не отличается. Вводим данные и осуществляем вход.

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

Процесс авторизации на странице Вконтакте, через мобильное приложение

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

Чтобы войти в свой профиль через приложение, скачайте и установите его. После этого находим значок в списке приложений, щелкаем по нему для запуска. На стартовой странице нажимаем кнопку » Войти «. Откроется форма — в ней заполняем данные, и снова нажимаем кнопку » Войти «.

Часто задаваемые вопросы

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

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

Видео гид. Три варианта входа на свою страницу Вконтакте: с компьютера, телефона и через приложение

Вам удалось войти на свою страницу Вконтакте? Представленная информация оказалась полезна? Пожалуйста, поделитесь своим мнением в комментариях!

Вам помогла эта информация? Удалось решить возникший вопрос?

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

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

Либо задайте вопрос нашему специалисту

В рабочее время, мы отвечаем на вопросы наших пользователей.

Ссылка на основную публикацию
Adblock
detector