Всем привет. У меня установлен гем devise, я хочу, чтобы после авторизации по гему devise, можно было авторизироваться через vk. Помогите, пожалуйста, в реализации, особенно с роутингом. Скайп приветствуется. Спасибо большое заранее!
1 ответ
Собственно, всё примерно так же, как и с Facebook, по примеру с вики Devise.
Внутри это работает достаточно просто:
- Вы переходите по ссылке от вашего сайта, он перенаправляет на ВК.
- ВК спрашивает разрешения у вас, после чего перенаправляет вас обратно на сайт, добавив в ссылку код доступа.
- Сайт использует код доступа, чтобы получить у провайдера запрашиваемые данные.
В центре всего: пользователь разрешает сайту доступ к его информации. А эта информация даёт OmniAuth пару id-провайдер, достаточную для аутентификации.
Чтобы это всё обеспечить, вам нужно (на свежем проекте):
- Добавить
devise
иomniauth-vkontakte
вGemfile
, установить. - Установить Devise:
rails g devise:install
и отредактировать созданныйdevise.rb
:- На этом этапе вам нужно будет ввести данные о своём приложении, которое служит "представительством" вашего сайта в ВК. Вам потребуются "ID приложения" и "защищённый ключ". Ближе к низу
devise.rb
расположен пример указания провайдера OmniAuth дляgithub
: вам нужно написать аналогичную строчку дляvkontakte
. - Имейте в виду, что ключ и ID приложения публиковать не стоит, ВК считает, что их знаете только вы, поэтому если будете публиковать исходники, подтягивайте эти данные извне с помощью решений вроде
figaro
илиconfig
, как я это сделал тут.
- На этом этапе вам нужно будет ввести данные о своём приложении, которое служит "представительством" вашего сайта в ВК. Вам потребуются "ID приложения" и "защищённый ключ". Ближе к низу
- Создайте модель
User
и добавьте туда поляprovider
иuid
, плюс внесите изменения в сам файл модели:rails g devise User uid provider
сделает нужную миграцию, но стоит перепроверить её на предмет ненужных вам полей- Добавьте в модель в аргументы вызова
devise
вот эти::omniauthable, omniauth_providers: [:vkontakte]
Почти всё! Осталось сделать точку возврата из ВК на сайт, которая примет код доступа и достанет с его помощью нужные данные.
- Создайте новый контроллер, который наследуется от
Devise::OmniauthCallbacksController
- Сделайте там метод
vkontakte
Зайдите в маршруты (
routes.rb
) и укажите там этот контроллер:devise_for :users, # <- внимание, запятая, вызов ещё не кончился controllers: { omniauth_callbacks: "users/omniauth_callbacks" } # У меня контроллер Users::OmniauthCallbacksController
- Создайте новый контроллер, который наследуется от
Готово! Да, серьёзно. Правда, в таком виде практической пользы от этого никакой, но у вас есть всё, что надо:
- В методе
vkontakte
, добавленном выше, доступна вся информация, пришедшая от ВК, вrequest.env["omniauth.auth"]
-- вы, вероятно, захотите делать/находить по этой информации пользователя и залогиниваться за него (а вы можете быть уверены, что эта информация корректна). - Весь процесс со стороны пользователя инициируется переходом по адресу, генерируемому хелпером
user_omniauth_authorize_path(:vkontakte)
, который разумно запаковать в ссылку и показывать только гостям.
Далее стоит заняться некоторой уборкой (изолировать данные приложения от исходного кода, например) и "обработкой провалов" (что если пользователь откажется давать данные?).
Вот набросанный наспех пример на гитхабе. Метод vkontakte
в нём не делает ничего, кроме вызова сессии отладчика, позволяя осмотреть контекст, в котором оказалась программа. Этого, в целом, достаточно, чтобы убедиться в работоспособности.
-
Спасибо огромнейшее за такой подробное руководство! Буду пробовать и я уверен, что будут вопросы возникать в процессе. Не прощаюсь :)– basania17 сен 2015 в 18:27
-
-
-
Спасибо. Если у меня есть уже миграция похожая, но не такая, какая мне нужна и от той миграции поля попали в schema.rb. Как убрать эти поля из schema.rb без последствий?– basania17 сен 2015 в 19:37
-
@basania schema.rb всего лишь слепок состояния БД и необязательно отражает последствия применения всех миграций (хотя по-хорошему, должен). В миграции можно делать довольно много всего.– user18110017 сен 2015 в 19:45
omniauth-vkontakte
поставили?