1

Всем привет. У меня установлен гем devise, я хочу, чтобы после авторизации по гему devise, можно было авторизироваться через vk. Помогите, пожалуйста, в реализации, особенно с роутингом. Скайп приветствуется. Спасибо большое заранее!

6
  • Так а что уже пробовали? omniauth-vkontakte поставили?
    – user181100
    16 сен 2015 в 7:22
  • @D-side гем добавил, сделал всё как в habrahabr.ru/post/142128 до момента, где включают сервер. У меня постоянные ошибки с роутингом, мол, нет таких роутов и ещё выбивает ошибки на attr_accessible :email, :password, :password_confirmation, :remember_me attr_accessible :nickname, :provider, :url, :username
    – basania
    16 сен 2015 в 16:23
  • Там, если что, используются рельсы 3.2.3, когда актуальная 4.2, а на пороге 5.0. Пошаговым руководствам к старым версиям следовать опасно. Да и в целом пошаговые руководства без объяснений "почему", и "что это означает" (коей является и эта статья на Хабре) для новичков, ИМХО, даже вредны. У меня с собеседований завалялся пример для фейсбука, там тоже решительно никаких объяснений, "как", зато работоспособно (правда, оно является для OAuth2 одновременно и провайдером, и клиентом). Разбирался пару дней. Подготовлю объяснения, как будет время.
    – user181100
    16 сен 2015 в 17:01
  • @D-side спасибо большое. С вами можно как-то связаться или добавить в Вас друзья в какой-то сети, чтобы можно было спрашивать в более удобной форме для переписки?
    – basania
    16 сен 2015 в 17:09
  • У меня на сайте есть контакты, но предпочтительнее чат-комната здесь, чтобы могли вклиниться и другие участники сообщества.
    – user181100
    16 сен 2015 в 18:24

1 ответ 1

6

Собственно, всё примерно так же, как и с Facebook, по примеру с вики Devise.

Внутри это работает достаточно просто:

  1. Вы переходите по ссылке от вашего сайта, он перенаправляет на ВК.
  2. ВК спрашивает разрешения у вас, после чего перенаправляет вас обратно на сайт, добавив в ссылку код доступа.
  3. Сайт использует код доступа, чтобы получить у провайдера запрашиваемые данные.

В центре всего: пользователь разрешает сайту доступ к его информации. А эта информация даёт OmniAuth пару id-провайдер, достаточную для аутентификации.

Чтобы это всё обеспечить, вам нужно (на свежем проекте):

  1. Добавить devise и omniauth-vkontakte в Gemfile, установить.
  2. Установить Devise: rails g devise:install и отредактировать созданный devise.rb:
    • На этом этапе вам нужно будет ввести данные о своём приложении, которое служит "представительством" вашего сайта в ВК. Вам потребуются "ID приложения" и "защищённый ключ". Ближе к низу devise.rb расположен пример указания провайдера OmniAuth для github: вам нужно написать аналогичную строчку для vkontakte.
    • Имейте в виду, что ключ и ID приложения публиковать не стоит, ВК считает, что их знаете только вы, поэтому если будете публиковать исходники, подтягивайте эти данные извне с помощью решений вроде figaro или config, как я это сделал тут.
  3. Создайте модель User и добавьте туда поля provider и uid, плюс внесите изменения в сам файл модели:
    • rails g devise User uid provider сделает нужную миграцию, но стоит перепроверить её на предмет ненужных вам полей
    • Добавьте в модель в аргументы вызова devise вот эти: :omniauthable, omniauth_providers: [:vkontakte]
  4. Почти всё! Осталось сделать точку возврата из ВК на сайт, которая примет код доступа и достанет с его помощью нужные данные.

    • Создайте новый контроллер, который наследуется от Devise::OmniauthCallbacksController
    • Сделайте там метод vkontakte
    • Зайдите в маршруты (routes.rb) и укажите там этот контроллер:

      devise_for :users, # <- внимание, запятая, вызов ещё не кончился
        controllers: { omniauth_callbacks: "users/omniauth_callbacks" }
        # У меня контроллер Users::OmniauthCallbacksController
      

Готово! Да, серьёзно. Правда, в таком виде практической пользы от этого никакой, но у вас есть всё, что надо:

Далее стоит заняться некоторой уборкой (изолировать данные приложения от исходного кода, например) и "обработкой провалов" (что если пользователь откажется давать данные?).

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

14
  • Спасибо огромнейшее за такой подробное руководство! Буду пробовать и я уверен, что будут вопросы возникать в процессе. Не прощаюсь :)
    – basania
    17 сен 2015 в 18:27
  • Где брать ID приложения и защищённый ключ?
    – basania
    17 сен 2015 в 19:27
  • @basania в панели управления для разработчиков в ВК.
    – user181100
    17 сен 2015 в 19:30
  • Спасибо. Если у меня есть уже миграция похожая, но не такая, какая мне нужна и от той миграции поля попали в schema.rb. Как убрать эти поля из schema.rb без последствий?
    – basania
    17 сен 2015 в 19:37
  • @basania schema.rb всего лишь слепок состояния БД и необязательно отражает последствия применения всех миграций (хотя по-хорошему, должен). В миграции можно делать довольно много всего.
    – user181100
    17 сен 2015 в 19:45

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.