express中简单的使用token

快速入门:使用JWT实现前后端分离身份验证
本文指导如何在Express应用中实现登录验证,生成和验证JWT令牌,以及设置跨域。重点在于API接口安全和权限管理,适合初学者了解前后端分离架构实践。

首先安装需要的插件

 创建一个js文件

//导入express
const exprss=require('express')
//创建web服务器
const app=exprss()

//生成token
const jwt =require('jsonwebtoken')

// 自定义秘钥 
const secretkey='ananan'
// 引入解码工具
const { expressjwt } = require("express-jwt");
//只要配置express-jwt这个中间件,就可以把解析出来的信息挂载在req.auth
//除了api开头的请求地址其他地址都需要验证
app.use(expressjwt({secret:secretkey,algorithms:['HS256']}).unless({path:[/^\/api\//] }))
//配置跨域
const cors=require('cors')
app.use(cors())


//通过json这个中间件解析JSON格式的数据
app.use(exprss.json())
// 通过使用urlencoded解码数据
app.use(exprss.urlencoded({extended:false}))

//req请求   res响应
app.post('/api/login',(req,res)=>{

    let userinfo=req.body

    // 声明token 三个参数
   //第一个参数是token中需要的信息
  //第二个参数是加密用的秘钥,第三个参数为token过期的时间 这里设置60秒
 const tokentstr=jwt.sign({username:userinfo.username},secretkey,{expiresIn:'60s'})
    res.send({
        status:200,
        msg:'post请求成功',
        data:userinfo,
        token:tokentstr
    })
})

app.get('/admin/getinfo',(req,res)=>{
//req.auth为解码的数据
    res.send({
        status:200,
        msg:'get请求成功!',
        data:req.auth
    })
})
//定义一个抛出错误的中间件 当token失效时 返回信息
app.use((err,req,res,next)=>{
    if(err.name==='UnauthorizedError'){
        return res.send({status:401,message:'无效的token'})
    }
    res.send({status:500,message:'未知错误'})
})
//启动web服务器
app.listen(80,()=>console.log('http://127.0.0.1'))

使用工具测试接口

先发送post请求获取token

 再调用get请求并且让请求头带上 Bearer +post请求得到的token 

 get请求结果

 等过了token的有效时间再次调用get请求会显示无效的token

 

 

### 处理JWT Token过期问题 在Express应用中处理JWT Token过期问题是确保安全性和用户体验的关键。当Token过期时,通常有两种主要策略来解决这个问题:一种是在前端实现无感知刷新机制;另一种是由后端负责管理并提供新的访问令牌。 #### 使用Refresh Token自动更新Access Token 为了应对Token过期的情况,在用户首次登录成功之后可以发放一对短期有效的`AccessToken`以及长期有效的`RefreshToken`给客户端[^3]。每当发送HTTP请求到受保护资源之前,先通过中间件检查当前持有的`AccessToken`是否仍然有效: 如果已失效,则利用保存下来的`RefreshToken`向服务器申请一个新的`AccessToken`而不必让用户重新输入凭证信息完成整个登陆流程。这种方式既提高了安全性又改善了用户的体验感。 ```javascript // Express 中间件用于验证和续签 JWT Tokens const expressJwt = require('express-jwt'); const jwt = require('jsonwebtoken'); app.use( expressJwt({ secret: 'your_secret_key', credentialsRequired: false, getToken: req => { if (req.headers.authorization && req.headers.authorization.split(' ')[0] === 'Bearer') { return req.headers.authorization.split(' ')[1]; } return null; }, }).unless({ path: ['/login', '/refresh_token'] }) ); function refreshTokenMiddleware(req, res, next) { const refreshToken = req.cookies.refreshToken; try { // 验证 Refresh Token 的有效性 const decoded = jwt.verify(refreshToken, process.env.REFRESH_TOKEN_SECRET); // 如果 Refresh Token 合法则生成新 Access Token 并返回给客户端 const accessToken = generateAccessToken(decoded.id); res.json({ accessToken }); } catch (error) { console.error(error.message); res.status(403).send('Invalid refresh token'); } next(); } ``` 上述代码展示了如何配置 `express-jwt` 来拦截未授权的请求,并允许特定路径绕过身份验证。同时实现了简单的基于Cookie存储的`RefreshToken`校验逻辑,一旦发现旧版`AccessToken`已经到期就尝试用它换取最新的版本[^4]。 对于更复杂的场景还可以考虑引入Redis等缓存数据库用来追踪每个用户的会话状态,从而进一步增强系统的灵活性与性能表现。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值