Rails React Auth使用Ruby on Rails和React实现JWT身份验证示例应用
Rails 的 React 身份验证整合,挺适合想要快速搭建前后端分离登录系统的你。项目用了Rails + React + JWT的组合,前端用React Router做路由管理,后端通过JWT登录验证,还顺带配好了Webpack。结构清晰,接口返回也直接,适合用来做模版或者练手。
用户模型就两个字段:email
和password_digest
,配上has_secure_password
一行搞定密码加密。后端写了三个控制器,home
负责渲染 React,auth
专门登录求,成功的话返回一个 JWT,前端存在localStorage
里,之后的求就能带上这个 token 做身份识别了。
再说 React 部分,前端用了比较常见的套路——AJAX 调用 Rails API,拿 token,存 token,发求。代码还挺干净的,逻辑分层清楚,比较适合你参考怎么用户登录、注册、鉴权这些事。尤其如果你平时用惯了 Rails,想要上手点 React + API 的东西,这套流程还挺顺的。
要注意一点:开发的时候记得把rails server
和webpack-dev-server
都开着,不然你前端那边会求不到后端接口。另外路由那块有个通配符get '*path'
,是为了让 React 前端自己控制路由,不然刷新页面会 404。
如果你正好在做 Rails 和 React 的整合项目,或者想看看 JWT 是怎么在前后端分离里跑通的,可以直接扒下来跑一跑。配合这篇文章效果更佳:React 应用身份验证,里面也讲得蛮细的。
115.73KB
文件大小:
评论区