如何在不使用库的情况下在 javascript 中解码 jwt 令牌?

问题描述

如何使用 JavaScript 解码 JWT 的负载?没有图书馆.所以令牌只是返回一个可以被我的前端应用程序使用的有效负载对象.

How can I decode the payload of JWT using JavaScript? Without a library. So the token just returns a payload object that can consumed by my front-end app.

示例令牌:xxxxxxxx.XXXXXXXX.xxxxxxxx

结果就是payload:

And the result is the payload:

{exp: 10012016 name: john doe, scope:['*****']}

推荐答案

工作 unicode 文本 JWT 解析器函数:

Working unicode text JWT parser function:

function parseJwt (token) {
    var base64Url = token.split('.')[1];
    var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
    var jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {
        return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join(''));

    return JSON.parse(jsonPayload);
};