前言
在前后端分离式的 web 应用中，通常会采用 JWT（JSON Web Token）来进行用户认证和授权，而 JWT 通常会被存储在客户端的 cookie 中，以便在每个请求中都能传递。然而，由于安全性考虑，客户端无法直接解析 JWT，因此需要在后端进行解析和校验。
而在这个过程中，我们可能还需要在不同的服务之间共享 JWT，以便在多个服务之间实现单点登录。因此，一个 JWT 转发工具必不可少，而 JWT-Cookie-Passer 就是一个很好的选择。
安装
使用 npm 可以轻松安装 jwt-cookie-passer：
npm install jwt-cookie-passer --save
使用
基本用法
首先，引入 jwt-cookie-passer：
const JwtCookiePasser = require('jwt-cookie-passer');然后，使用传入 JWT 和 cookie 值的方式：
const jwtToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...'; const cookieValue = '_ga=GA1.2.1524244542.1638232323; _gid=GA1.2.219805662.1640457753'; const jwtCookiePasser = new JwtCookiePasser(jwtToken, cookieValue);
最后，使用 pass() 方法可得到一个包含解析出来的 JWT 和 cookie 的对象：
const { jwt, cookie } = jwtCookiePasser.pass();自定义 HTTP 请求头
如果需要自定义请求头，则可以在生成 JwtCookiePasser 对象时添加一个可选配置项，例如：
const jwtCookiePasser = new JwtCookiePasser(jwtToken, cookieValue, {
headers: {
Authorization: 'Bearer my_token',
'User-Agent': 'My User Agent'
}
});完整示例
接下来，我们将给出一个完整的使用示例，在这个示例中，我们将使用 jwt-cookie-passer 实现 JWT 和 cookie 的解析和转发功能，以便实现跨服务的单点登录。
后端服务
在后端服务中，我们将使用 express 框架来实现一个简单的用户认证接口：
-- -------------------- ---- -------
----- ------- - -------------------
----- ------------ - -------------------------
----- --- - ------------------------
----- --------------- - -----------------------------
----- --- - ----------
----- ------ - ----------------
------------------------
--------------------- ----- ---- -- -
----- - --------- -------- - - ---------
-- --------
----- ------- - - --------- ---- --
----- -------- - ----------------- ------- - ---------- ---- ---
----------------- --------- - --------- ---- ---
--------------------
---
-------------------------- ----- ---- -- -
----- ----------- - ----------------
----- -------- - --- --------------------- ------------------------
-- ----------- -
--------------------
-------
-
--- -
----- ------- - -------------------- --------
-- ------
--------------------
- ----- ----- -
--------------------
-
---
---------------- -- -- -
------------------- ------- -- ---- ----------
---前端服务
在前端服务中，我们使用 axios 来实现 HTTP 请求，并使用 jwt-cookie-passer 在多个服务之间传递 JWT：
-- -------------------- ---- -------
------ ----- ---- --------
------ --------------- ---- --------------------
----- ------- - --------------
-------- ----------------------------
-------- - --------------- ------------------ -
---
----- ------------ - --------------
-------- ----------------------------
-------- - --------------- ------------------ -
---
----- -------- --------------- --------- -
----- --- - ----- --------------------- - --------- -------- ---
----------------------
----- ----------- - ------------------------------------
----- -------- - --- --------------------- ------------------------
----------------------
----- -------------------------------
-
----- -------- ------------------------------ -
----- ----------- - --- ------------------------- --------------------
----- --- - ----- ------------------------------- --- -
-------- -
------- -----------
-
---
----------------------
-指导意义
通过本文我们可以学习到：
- 如何安装和使用 npm 包 jwt-cookie-passer。
- 如何在多个服务之间传递 JWT 和 cookie。
- 如何在前端和后端之间实现单点登录。
本文介绍的内容虽然简单，但在实际的 web 应用中非常常见，因此 jwt-cookie-passer 可以说是一个十分实用的 npm 包。通过本文的学习，相信读者已经掌握了 jwt-cookie-passer 的基本使用方法，并可以在自己的项目中顺利使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672643660cf7123b3648a