js解析JWT

阿超

发布于 2024-08-23 17:12:37

410

发布于 2024-08-23 17:12:37

文章被收录于专栏：快乐阿超

懂得生命真谛的人，可以使短促的生命延长。——西塞罗

代码如下：

"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i)))

当我在解析 jwt 的 token 时，发现 token 中附带的用户 id 存在精度丢失问题，然后用正则改进解析 JWT 的代码：

const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(atob(i).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`)));

但是还存在 base64 解码时无法正确解码中文问题，继续改进

const tokenParse = token => token.split(".").slice(0, 2).map(i => JSON.parse(new TextDecoder().decode(Uint8Array.from(atob(i), c => c.charCodeAt(0))).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`)));

使用：

tokenParse("你的token")

即可获取到源数据

注意这里我们 slice 了 token 最后一部分，如果我们需要这部分维持原样：

const tokenParse = token => token.split('.').map((part, index) => index < 2 ? JSON.parse(new TextDecoder().decode(Uint8Array.from(atob(part), c => c.charCodeAt(0))).replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => Math.abs(p1) > Number.MAX_SAFE_INTEGER ? `:"${p1}"` : `:${p1}`)) : part);

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2024-05-19，如有侵权请联系 cloudcommunity@tencent.com 删除

jwt