JWT编码/解码 在线工具分享

哈喽大家好，今天给大家安利一个我最近用 Vue 手搓的在线工具——JWT编码/解码器。

做开发的同学应该都知道 JWT（JSON Web Token），现在前后端分离项目里用得特别多。但有时候调试接口、排查问题，手里没个顺手的工具，解析个 Token 还得去找在线网站，挺麻烦的。

所以我就想，干脆自己做一个网页版的，打开就能用，还不用安装。

在线工具网址：https://see-tool.com/jwt-encryptor
工具截图：

这个工具有啥特别的？

1. 一眼看懂 Token 结构

JWT 是由三部分组成的，用点号隔开。这个工具会自动把 Header、Payload、Signature 分开显示，还用不同颜色标出来，一眼就能看明白哪个部分是啥。

2. 支持多种算法

不止是最常用的 HS256，像 RS256、PS256、ES256 这些非对称加密算法也都支持。不管你用的是对称密钥还是 RSA/ECDSA 密钥对，都能帮你编码和验证签名。

3. 签名验证超方便

想确认 Token 是不是被篡改过？只要勾选"验证签名"，输入密钥，立马就能告诉你签名是否有效。再也不用写代码去验证了，调试效率翻倍。

4. 示例一键加载

刚上手不知道怎么用？没关系，我准备了现成的示例，点一下"加载示例"按钮，立马给你填好一个完整的 Token 和密钥，跟着看一遍就会了。

碎碎念

这个小工具是我用 Vue 3 做的，核心的 JWT 处理逻辑是自己手写的，还用到了 Web Crypto API 来做 RSA 和 ECDSA 的签名验证。所有操作都在你的浏览器里完成，密钥不会上传到服务器，安全又放心。

虽然它可能没有那些专业工具那么多功能，但胜在轻便、干净。

如果你平时开发调试刚好缺这么一个顺手的小工具，欢迎来试试看！要是觉得好用，或者有什么想吐槽的，也欢迎随时告诉我哈～