Rails React Auth使用Ruby on Rails和React实现JWT身份验证示例应用

Rails 的 React 身份验证整合,挺适合想要快速搭建前后端分离登录系统的你。项目用了Rails + React + JWT的组合,前端用React Router做路由管理,后端通过JWT登录验证,还顺带配好了Webpack。结构清晰,接口返回也直接,适合用来做模版或者练手。

用户模型就两个字段:emailpassword_digest,配上has_secure_password一行搞定密码加密。后端写了三个控制器,home负责渲染 React,auth专门登录求,成功的话返回一个 JWT,前端存在localStorage里,之后的求就能带上这个 token 做身份识别了。

再说 React 部分,前端用了比较常见的套路——AJAX 调用 Rails API,拿 token,存 token,发求。代码还挺干净的,逻辑分层清楚,比较适合你参考怎么用户登录、注册、鉴权这些事。尤其如果你平时用惯了 Rails,想要上手点 React + API 的东西,这套流程还挺顺的。

要注意一点:开发的时候记得把rails serverwebpack-dev-server都开着,不然你前端那边会求不到后端接口。另外路由那块有个通配符get '*path',是为了让 React 前端自己控制路由,不然刷新页面会 404。

如果你正好在做 Rails 和 React 的整合项目,或者想看看 JWT 是怎么在前后端分离里跑通的,可以直接扒下来跑一跑。配合这篇文章效果更佳:React 应用身份验证,里面也讲得蛮细的。

zip 文件大小:115.73KB