对jwt的理解

json web token

先看写好的

例子

复制代码
const jwt = require("jsonwebtoken");

//加密字符串
const secretKey = "xixihaha";

// 生成token
module.exports.generateToken = function (payload) { 
  const token =
    jwt.sign(payload, secretKey, {
      expiresIn:60*5,//有效时间
    });
  return  "Bearer "+token;//前端写入本地存储,然后写入请求头
};

app.post('/login',async(req,res)=>
{
    const {name,password}=req.body
    let re=await req.app.locals.db.query(`select password,type from userInf where name='${name}'`)
    if(re.recordset[0])
    {
        if (password==re.recordset[0].password)
            {
                let admin=false
                if(re.recordset[0].type.trim()=='0')
                {
                    admin=true
                }
                const token = generateToken(
                    {
                        name:name,
                        admin: admin
                    }
                );
                res.send({
                  code: 200,
                  msg: "注册成功",
                  data: { token },
                });
            }
    }
})

解释

先看一个jwt

复制代码
Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJuYW1lIjoiYWRtaW4iLCJhZG1pbiI6dHJ1ZSwiaWF0IjoxNzIwMjY2MTYwLCJleHAiOjE3MjAyNjY0NjB9.wV545vjMchdShO69hUwT3rGa4gu52yDyqQusUU0cUbY

分为四个部分,'Bearer'以及三个'.',三个.内容分别对应header,payload,signature

第一个.的内容 header

复制代码
eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9

是对类型和加密算法的base64编码,可以解密

第二个. payload

复制代码
eyJuYW1lIjoiYWRtaW4iLCJhZG1pbiI6dHJ1ZSwiaWF0IjoxNzIwMjY2MTYwLCJleHAiOjE3MjAyNjY0NjB9

放一些有标识性的东西,也是base64编码,可逆,所以不能放密码,前面这里传的就是编码前的paload

复制代码
  const token = generateToken(
                    {
                        name:name,
                        admin: admin
                    }
                );

第三个.signature签名

是对编码后的payload,header,以及secretKey,使用header中说明的加密算法,加密后形成

也就是说签名是对payload,header和secretKey加密形成的

在 JWT 中,HeaderPayload 是编码,而 Signature 是基于加密的签名。

为什么能确定用户身份

如果对payload内容进行修改,那么当数据来到后端,再次基于header,payload,secretkey加密得到的结果必定与原有token不一致,进一步说明secerkey的重要性,因为在token中header,payload都只是编码,能保证token唯一性的就是secerkey。

如何使用?

在请求头加上"Bearer"+空格+token,也可以是后端返回token时直接返回加上的

复制代码
 return  "Bearer "+token;//前端写入本地存储,然后写入请求头

为什么加上"Bearer "?

因为有多种认证方式 Basic 认证、Bearer 认证、OAuth 认证,不同方式处理不一样,需要标识

相关推荐
张元清1 小时前
useEffect 之外:专门处理异步、深比较和 SSR 的 Effect Hook
前端·javascript·面试
XinZong2 小时前
OpenClaw 中最经典的 6 款skill,真正能进工作流的 skills
javascript·后端
XinZong2 小时前
2026 AI社交深度评测:InStreet 与 ClawReach 核心差异解析
javascript
Bug-制造者3 小时前
【Vue3 实战】全局错误处理体系搭建:实现业务与错误彻底解耦
前端·javascript·vue.js
ZengLiangYi3 小时前
用 ChatCrystal 学 Fastify:从零搭建 REST API
restful·express
竹林8183 小时前
从ethers.js迁移到Viem:我在DeFi Dashboard项目中踩过的坑与最终方案
javascript
zithern_juejin3 小时前
ES6——Promise
javascript
桜吹雪4 小时前
所有智能体架构(1):反思 (Reflection)
javascript·人工智能
ZC跨境爬虫5 小时前
跟着 MDN 学 HTML day_61:(构建反馈表单的结构化挑战)
前端·javascript·ui·html·音视频
豹哥学前端6 小时前
JavaScript 异步编程完全指南:从回调地狱到 async/await,一次通关
前端·javascript·面试