Engineer (AI Inside)

缘起#

近来开发个活动报名站，后端使用 Ruby on Rails，前端使用 Vue。由于是SPA，传统的 cookie 法就不太适宜，使用流行的 JWT。因此选用 Devise Token Auth gem 来处理用户模型与 token 发行、验证等工作。

密码重置流程#

其他模块使用正常且方便。而忘记密码重置涉及到邮件，reset link 发行等就显得麻烦。根据官方 wiki 记载 reset password flow

• 在前端页面中填写邮箱地址输入框，有按钮可以发送重置邮件
• POST /auth/password JSON: {email, redirect_url} 这里 redirect_url 为前端页面，有填写密码框
• 后端生成 reset_password_token 与链接填入邮件，形如 http://localhost:3000/api/v1/auth/password/edit?config=default &redirect_url=http%3A%2F%2Flocalhost%3A8080%2Freset &reset_password_token=L77a9yx2JHehPCgVoQ2_
• 前端跳转 redirect url
• 前端用 reset_password_token、client、uid 作 headers PUT /auth/password 完成重置

观察链接，发现其中包含reset_password_token与redirect_url，点击跳转前端链接 http://localhost:8080/reset?

access-token=D3zacAdKrGwRPxcQ-9rnXQ&

client=CwF0zNBw9ovM3KmHaCmIIg&

client_id=CwF0zNBw9ovM3KmHaCmIIg&

config=default&expiry=1538140242&reset_password=true&

token=D3zacAdKrGwRPxcQ-9rnXQ&

uid=1%40e.com

可见 headers 信息都有包含在 URL

问题#

网络中 devise token auth 重置密码相关的文章中使用 MVC，API的相对少，用 Vue 就更少。还得自己摸索。

1
# 前端
2
a.com {
3
    root /var/www/xxx
4
}
5

6
# 将错误路径导向 api
7
a.com/api {
8
    proxy / locahost:3000/api {
9
        transparent
10
    }
11
}
12

13
# 后端
14
b.com {
15
    proxy / locahost:3000 {
16
        transparent
17
    }
18
}

Bonus: custom Devise Token Auth registration controller#

设定用户删除账户时会同时删除创建的活动、与报名信息（人都跑路，活动显然没了，报名也吹了）防止出错（活动详细页获取不到创建人信息，报名信息有 null）

Devise Token Auth 中 用户注册、删除在 registration controller，默认删除操作只是完成用户删除不管别的。这时需要自定义。创建自定义类继承基类

1
class Users::RegistrationsController < DeviseTokenAuth::RegistrationsController
2
  def destroy
3
    @resource.events.each(&:destroy)
4
    @resource.bookings.each(&:destroy)
5
    super
6
  end
7
end

由于在基类中已经获取到资源

1
module DeviseTokenAuth
2
  class RegistrationsController < DeviseTokenAuth::ApplicationController
3
    before_action :set_user_by_token, only: [:destroy, :update] # 这里 return @resource

因此可以直接使用，而不是向 super 加块处理。因为 super 的方法中块在 destroy 后

1
def destroy
2
      if @resource
3
        @resource.destroy
4
        yield @resource if block_given? #destroy 后找不到用户相关联的活动
5
        render_destroy_success
6
      else
7
        render_destroy_error
8
      end
9
    end

后记#

其他问题好找，这个就没有了（估计第一篇Rails 5 API + Devise Token Auth + Vue 的密码重置流）。完成这个也算尾声了，现在将要部署，而 production 如何设定，dockerfile 如何写就一脸懵逼。若有运维可以赐教就感激不尽。