koa2 + JWT 实现登陆验证「终于解决」

小小码 • 2023-08-05 13:30 • 未分类 • 阅读 131

大家好，我是考100分的小小码，祝大家学习进步，加薪顺利呀。今天说一说koa2 + JWT 实现登陆验证「终于解决」,希望您对编程的造诣更进一步.

jwt技术点实现的功能如下

1、server端会在前端访问部分接口时做权限认证，server端会声明不需要jwt权限验证的接口，比如login登录接口，对于需要jwt权限验证的接口，如果前端无权限，则server端会返给前端401状态码

2、用户登录成功后，server端就会返回给前端一个加密了的有保质期的字符串，字符串中存储着用户登录的信息，这个字符串就是token，前端拥有未过期的token，就表明前端有访问有权限认证的接口的权限

3、接下来用户再发送网络请求调用server端接口时，就会携带token，用来表明自己的身份

koa-jwt的验证方式

请求头中设置 authorization为Bearer + token，Bearer后有空格

koa-jwt的默认验证方式:

{'authorization': "Bearer " + token}

koa-jwt 搭配 jsonwebtoken 的使用

1. 安装依赖

npm install jsonwebtoken koa-jwt --save

2. 密钥设置

conf/db 文件中

let SECRET = 'blog-nodejs' // token 密钥module.exports = {
  SECRET
}

3. 中间件请求验证token

app.js 文件中

// 导入
const koajwt = require('koa-jwt')
const { SECRET } = require('./conf/db')

// 中间件对token进行验证
app.use(async (ctx, next) => {
  return next().catch((err) => {
    if (err.status === 401) {
      ctx.body = new UnauthorizedModel()
    } else {
      throw err
    }
  })
})

4. 不需要验证的接口

app.js 文件中

app.use(koajwt({ secret: SECRET }).unless({
  path: [
    /^\/api\/login/, // 登陆接口
    /^\/api\/register/ // 注册
  ]
}))

5. 登陆签发token

登陆接口中

// 导入
const { SECRET } = require('../conf/db')
const jsonwebtoken = require('jsonwebtoken')

const res = await login(username, password)
// 登陆成功
if (res.username) {
  // 存储用户信息
  let info = {
    id: res.id,
    name: res.username,
    realname: res.realname,
  }

  let data = {
    Bearer: 'Bearer ',
    // 签发 token，1天
    token: jsonwebtoken.sign(
      info,
      SECRET,
      { expiresIn: '1d' }
    )
  }
  ctx.body = new SuccessModel(data, '登陆成功')
} else {
  ctx.body = new ErrorModel('用户名或密码错误')
}

6. 解密token，获取个人信息

1\. 封装解密函数 payload.js 文件中

const { SECRET } = require('../conf/db')
const jsonwebtoken = require('jsonwebtoken')
const util = require('util')
// 将jwt.verify函数promise化
const verify = util.promisify(jsonwebtoken.verify)  

module.exports = async function getPayload (ctx) {
  const token = ctx.header.authorization
  const payload = await verify(token.split(' ')[1], SECRET)
  return payload
}

2\. 获取个人信息接口中

// 导入
const getPayload = require('../utils/payload')
// 获取
const payload = await getPayload(ctx)
console.log(payload)

前端：axios请求

axios.defaults.baseURL = 'http://localhost:8000'

axios.interceptors.request.use(config => {
  config.headers.Authorization = 'Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiemhhbmdzYW4iLCJpYXQiOjE2MDA3MDAxOTYsImV4cCI6MTYwMDcwMzc5Nn0.6QDQto-bwYH27n_JgEzZv4BhVSvoKl_xi3xgQ-ZQdAs'
  return config
})

axios.get('/api/blog/list').then((res) => {
  console.log(res.data)
})

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/13238.html