JWT编码/解码 在线工具分享
哈喽大家好，今天给大家安利一个我最近用 Vue 手搓的在线工具——JWT编码/解码器。
做开发的同学应该都知道 JWT（JSON Web Token），现在前后端分离项目里用得特别多。但有时候调试接口、排查问题，手里没个顺手的工具，解析个 Token 还得去找在线网站，挺麻烦的。
所以我就想，干脆自己做一个网页版的，打开就能用，还不用安装。
在线工具网址：see-tool.com/jwt-encrypt…
工具截图：
这个工具有啥特别的？
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 的签名验证。所有操作都在你的浏览器里完成，密钥不会上传到服务器，安全又放心。
虽然它可能没有那些专业工具那么多功能，但胜在轻便、干净。
如果你平时开发调试刚好缺这么一个顺手的小工具，欢迎来试试看！要是觉得好用，或者有什么想吐槽的，也欢迎随时告诉我哈～
