access数据库网站开发,成都画册设计的公司,最新新闻事件今天新闻联播,国内高端品牌网站建设目录 前言
JWT组成部分
JWT工作原理
在Express中使用JWT
安装JWT相关的包
导入JWT相关的包
定义密钥
登录成功后调用jwt.sign()生成JWT字符串
将JWT字符串还原为JSON对象
捕获解析JWT失败后产生的错误
结尾 前言
Session 认证机制需要配合 Cookie 才能实现。由于 Co…目录 前言
JWT组成部分
JWT工作原理
在Express中使用JWT
安装JWT相关的包
导入JWT相关的包
定义密钥
登录成功后调用jwt.sign()生成JWT字符串
将JWT字符串还原为JSON对象
捕获解析JWT失败后产生的错误
结尾 前言
Session 认证机制需要配合 Cookie 才能实现。由于 Cookie 默认不支持跨域访问所以当涉及到前端跨域请求后端接口的时候需要做很多额外的配置才能实现跨域 Session 认证。所以我们为了解决方便便捷的跨域问题引入了JWTjsonwebtoken认证。
JWT组成部分
Header.payload.signature
也就是 头部.有效荷载.签名
在这三个部分中只有payload部分才是真正的用户信息经过加密生成的字符串。而其余两部分是安全性相关
JWT工作原理
用户信息通过Token字符串的形式保存在客户端浏览器中。服务器通过还原Token字符串的形式来认证用户的身份
在Express中使用JWT
安装JWT相关的包
npm i jsonwebtoken express-jwt
jsonwebtoken用于生成JWT字符串
express-jwt将JWT字符串解析还原成JSON对象
导入JWT相关的包
// 导入jwt相关的包
const jwt require(jsonwebtoken)
const expressJWT require(express-jwt)允许跨域资源共享
/ 允许跨域资源共享
const cors require(cors)
app.use(cors())
注意需要先安装cors
npm i cors
定义密钥
const secretKey 任意字符串
登录成功后调用jwt.sign()生成JWT字符串
三个参数
jwt.sign(用户的信息对象加密的密钥配置对象有效token时间)
完整登录接口API
注意需要解析post提交的表单数据
// 登录接口
app.post(/post,(req,res) {const userinfo req.bodyif(userinfo.username !admin||userinfo.password!000000){return res.send({status:400,msg:登录失败})}const tokenStr jwt.sign({username:userinfo.username},secretKey,{expiresIn:60})res.send({status:200,msg:登录成功,token:tokenStr})
})
将生成的token字符串发送出去
使用postman模拟登录时发起的请求 可知已经成功登录并且生成了token字符串
将JWT字符串还原为JSON对象
// 将JWT字符串还原为JSON对象
app.use(expressJWT.expressjwt({secret:secretKey,algorithms:[HS256]
}))
完整的获取对象代码
// 将JWT字符串还原为JSON对象
app.use(expressJWT.expressjwt({secret:secretKey,algorithms:[HS256]
}))// get请求
app.get(/get,(req,res){res.send({status:200,message:获取用户信息成功,data:{username:req.auth.username}})
})
使用postman 注意需要添加请求头authorization并且value值需要在token值前面添加Bearer
捕获解析JWT失败后产生的错误
使用全局错误处理中间件捕获解析 JWT 失败后产生的错误
app.use((err, req, res, next) {// 这次错误是由 token 解析失败导致的if (err.name UnauthorizedError) {return res.send({status: 401,message: 无效的token,})}res.send({status: 500,message: 未知的错误,})
})
使用postman模拟请求 由此可以得出捕获到了错误原因
结尾
这样JWT认证就这样介绍结束了感谢观看
