Как авторизоваться в контакте

Как войти с аккаунтом VK ID

Авторизуйтесь в RuStore, чтобы из него устанавливать, обновлять или открывать приложения. Вы можете авторизоваться в RuStore с аккаунтом VK ID.

Как войти с аккаунтом VK ID​

1. Нажмите на домашнем экране вашего устройства.
2. Нажмите «Войти».
3. Чтобы авторизоваться с VK ID из приложения ВКонтакте, нажмите «Продолжить».

Если на вашем устройстве установлено приложение ВКонтакте и вы авторизованы в нем, то ваши данные автоматически отобразятся в RuStore. Выберите один из доступных аккаунтов и войдите в систему.

Как войти в RuStore без ВКонтакте​

В RuStore можно войти через Сбер ID, Яндекс ID, Тинькофф ID или создать новый аккаунт VK ID. Вы можете создать аккаунт VK ID, не имея страницы ВКонтакте.

Как войти с другим аккаунтом VK ID​

Чтобы войти с другим аккаунтом VK ID, нажмите «Войти в другой аккаунт»:

1. Введите номер телефона.
2. Нажмите «Продолжить».
3. Подтвердите вход: вам поступит звонок-сброс с уникального номера, введите последние 4 цифры этого номера.
4. Нажмите «Продолжить».
   • Если у вас уже есть аккаунт VK ID, система покажет его — подтвердите выбор и нажмите «Продолжить».
   • Если у вас ещё нет аккаунта VK ID:
     4.1 Нажмите «Нет» в уведомлении внизу экрана: «У вас уже есть аккаунт VK ID?».
     4.2 Введите свои имя и фамилию.
     4.3 Нажмите «Продолжить».

Зачем RuStore просит номер телефона​

При авторизации RuStore запрашивает номер телефона, чтобы найти по нему соответствующий аккаунт. Если у вас есть аккаунт VK ID, Сбер ID или Яндекс ID, вы можете авторизоваться в RuStore через него.

Как изменить имя профиля в RuStore​

Изменение имени в профиле недоступно. В RuStore отображается ваше имя профиля из приложения ВКонтакте, Сбербанка, Яндекса или Тинькофф.

Вы можете создать новый аккаунт VK ID с другим именем и войти через него в RuStore.

• Как войти с аккаунтом VK ID
• Как войти в RuStore без ВКонтакте
• Как войти с другим аккаунтом VK ID
• Зачем RuStore просит номер телефона
• Как изменить имя профиля в RuStore

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

Сколько процентов пользователей вашего сайта являются также пользователями ВКонтакте? Как по вашему, сколько человек ничего не пишут / комментируют / добавляют (нужное подчеркнуть), лишь потому, что им лень регистрироваться на еще одном непонятном сайте в 100й раз? Предлагаю ответить для себя на эти 2 вопроса, прежде, чем ругать ВКонтакте и Open API.

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

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

Я писал модуль Open API авторизации для сайта на PHP, поэтому весь код будет на нем. Для Django также была статья.

Исходный код простейшего примера доступен на github’е. Здесь его перепечатывать не буду, лишь вкратце расскажу, как это работает.

• is_auth — Возвращает ID пользователя ВКонтакте, в случае, если пользователь не авторизован через Open API — возвращает false
• logout — Разлогинивает пользователя, очищая куку, которую добавляет ВКонтакте. Лучшего способа я не нашел. Есть у Open API метод logout, но у меня он работал через раз.
• render_login_form — Возвращает HTML код для отображения кнопки «Войти ВКонтакте», включая все необходимые script’ы.

1. После входа пользователя вконтакте перекидываем его на отдельную страницу (в моем случае это vk.php), где проверяем, зарегистрирован ли уже пользователь с таким vk_id. Если нет — показываем ему упрощенную форму регистрации (например, только логин и email). После чего создаем пользователя и перекидываем только что зарегистрированного посетителя на главную страницу.
2. Создаем backend, который будет проверять куку ВКонтакте через Auth_Vkontakte::is_auth, в случае, когда посетитель не вошел на ваш сайт никаким способом. Если is_auth возвращает значение, отличное от false и пользователь с таким id зарегистирован на вашем сайте — авторизируем через вашу систему пользователей. Если вдруг так оказалось, что он не зарегистирован — вновь показываем форму регистрации.
3. При logout удаляем кроме вашей куки также куку из ВКонтакте (метод Auth_Vkontakte::logout)

Для того, что попробовать тестовый пример в работе (который, правда, ничего кроме вашего ID не покажет) достаточно скачать исходники, и настроить локальный веб-сервер на адрес: openapi.lc (добавить в hosts: 127.0.0.1 openapi.lc).

Если кому то понравилось и стало полезным — напишу также статью про FacebookConnect.

Настройка авторизации через «Вконтакте»

Как настроить авторизацию посетителей сайта через «Вконтакте» в личном кабинете и для оформления заказа

1. Зарегистрируйтесь во «Вконтакте».
2. Перейдите на страницу добавления приложения «Вконтакте» .
3. Напишите любое название, например, домен вашего сайта.
4. Выберите платформу «Веб-сайт».
5. Напишите адрес своего сайта и отдельно только его домен — без указания протокола.
6. Перейдите в раздел «Настройки».

В поле «Доверенный redirect URI» впишите адрес вида https://mydomain.ru/oauth.php. Замените mydomain.ru на домен своего сайта. Если вы не используете HTTPS-подключение, укажите адрес с протоколом http://.

Сохраните изменения.

На этой же странице скопируйте значения «ID приложения» и «Защищённый ключ».

Войдите в бекенд Вебасиста и перейдите в приложение «Сайт».

В списке сайтов выберите тот, для которого вы настраиваете авторизацию через «Вконтакте».

Откройте раздел «Личный кабинет».

Включите авторизацию для выбранного сайта.

Если авторизация для этого сайта уже включена, перейдите по ссылке «Настройки авторизации».

Включите флажок «Авторизация через внешние сервисы».

Включите флажок напротив «Вконтакте».

Вставьте скопированные значения «ID приложения» и «Защищённый ключ».

Сохраните настройки авторизации внизу страницы.

Проверьте, как работает авторизация:

• Откройте свой сайт в режиме браузера «инкогнито». Или в другом браузере, где вы не авторизованы ни в своем Вебасисте, ни во «Вконтакте».
• Перейдите по ссылке «Вход».
• Щелкните по иконке «Вконтакте».

Введите данные для входа в сервис.

После обновления страницы откроется личный кабинет зарегистрированного посетителя вашего сайта.

Готово! Авторизация через «Вконтакте» настроена.

5 комментариев

+2
Сергей BestForPet 15 января 2018 17:10 #

Ребят, поправьте инструкцию, теперь не обязательно заполнять п.7 В поле «Доверенный redirect URI» впишите адрес вида» Более, если прописываешь этот Url, то авторизация не работает.

+2

Зул 6 февраля 2018 21:30 #

Скорее всего у тебя такая печаль, если ты имея сертификат SSL указал протокол http, а если укажешь в этом поле https то все нормально работает, только что протестировал, хотя и без этого поля работает, зачем оно не знаю но у меня оно указано, у меня везде вместо http https.

+1
42na 19 февраля 2019 00:38 #
Благодарю, в поле было указывал HTTPS ничего не работало, удалил и все гуд
+2

evteev777 25 февраля 2018 08:25 #

Не получилось настроить авторизацию через VK, выдает ошибку: <"error":"invalid_request","error_description":"application is blocked">Пробовал и с www/без www, и с http/https, и с Доверенным redirect URI, и без него, даже удалял и заново создавал приложение — результат один и тот же. Естественно, «приложение включено и видно всем» ))) Перелогиниться в VK или зайти с другого браузера, как пишут в интернете, не помогло — ведь все равно захожу в режиме инкогнито. AdBlock отключен. Авторизация через Facebook завелась без проблем! Это решается??

+4

evteev777 25 февраля 2018 08:55 #

Разобрался сам! В настройках Webasyst надо было ввести ID приложения и Защищенный ключ, а я в эти поля вводил Защищенный ключ и Сервисный ключ доступа — просто похожи формы настроек Webasyst и приложения VK! Всегда читайте то, что написано мелким шрифтом! )))

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

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

1. На сайте, пользователь нажимает на ссылку «Войти», открывается страница VK, где он разрешит приложению доступ к своим данным.
2. После подтверждения браузер пользователя будет перенаправлен по адресу, указанному при открытии диалога авторизации. К URL добавляется GET-параметр с кодом авторизации.
3. Скрипт выполняет ответный запрос с полученным кодом и ключом приложения для получения access_token .
4. Полученный в ответе access_token , скрипт использует для запроса к данным пользователя.

Регистрация приложения

Для начала нужно создать приложение на странице https://vk.com/editapp?act=create

В меню «Платформа» нужно указать – сайт, заполнить поля «адрес сайта» и «основной домен».

В настройках видим ID приложения и защищённый ключ, также нужно убедится что приложение включено и видно всем.

Ссылка для входа

Сформируем и выведем ссылку по которой пользователь даст разрешение на запрошенные действия.

В redirect_uri указываем скрипт-обработчик, туда придет секретный код.

В параметре state можно передать URL текущей страницы, чтобы вернуть пользователя обратно.

При переходе по ссылке откроется страница:

Получение данных

После того как пользователь дал разрешение, он возвращается на redirect_uri , к URL добавляются GET-параметры:
https://example.com/oauth-vk.php?code=1234567890&state=https://example.com/page-1

Далее запрашивается access_token (в ответе с токеном будет e-mail). После этого выполняется метод users.get , который возвращает ID, имя, фамилию и URL аватарки.

redirect_uri должен быть такой же, как в ссылке для входа.

 'ID приложения', 'client_secret' => 'Защищённый ключ', 'redirect_uri' => 'https://example.com/oauth-vk.php', 'code' => $_GET['code'] ); // Получение access_token $data = file_get_contents('https://oauth.vk.com/access_token?' . urldecode(http_build_query($params))); $data = json_decode($data, true); if (!empty($data['access_token'])) < // Получили email $email = $data['email']; // Получим данные пользователя $params = array( 'v' =>'5.52', 'uids' => $data['user_id'], 'access_token' => $data['access_token'], 'fields' => 'photo_big', ); $info = file_get_contents('https://api.vk.com/method/users.get?' . urldecode(http_build_query($params))); $info = json_decode($info, true); echo $email; print_r($info); > >

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

 ivan_ivanov@gmail.com Array ( [response] => Array ( [0] => Array ( [first_name] => Иван [id] => 12345678 [last_name] => Иванов [photo_big] => https://vk.com/images/camera_200.png?ava=1 ) ) )

Далее все завит от реализации сайта, пользователя можно добавить в БД или обновить его данные и авторизовать в системе.

• ← Авторизация на сайте через Яндекс
• Кэширование данных в PHP на примере класса →