引言
在前端开发中使用跨域技术可以帮助我们完成许多功能，但是跨域技术也会带来一些风险，例如安全问题等。因此我们需要寻找一种安全可靠的跨域访问方式。 JWT （Json Web Token）是一种常用的用于跨域访问的认证方式，可以安全地在客户端和服务端之间传递信息。在本文中，我们将介绍如何在 Hapi 中使用 JWT 进行跨域访问。
Hapi 介绍
Hapi 是一个 Node.js 开发框架，具有良好的插件系统、路由管理、异常处理等功能，是一个十分成熟、强大的 Web 开发框架。
可以通过如下命令进行安装：
npm install hapi
JWT 简介
JWT 是一种用于跨域认证的标准，使用 JSON 对象进行编码，由三部分构成：头部、载荷和签名。头部和载荷使用 Base64 进行编码，签名基于头部、载荷的编码和密钥生成。
JWT 的主要优点有：
- 信息传递方便
- 跨域安全
在 Hapi 中使用 JWT
在 Hapi 中使用 JWT 实现跨域认证需要完成以下几个步骤：
- 安装需要的依赖
- 设置路由
- 创建一个 Token 并传递给客户端
- 验证 Token
安装需要的依赖
在 Hapi 中使用 JWT 需要安装 hapi-auth-jwt2 和 jsonwebtoken，通过如下命令进行安装：
npm install hapi-auth-jwt2 jsonwebtoken
设置路由
在服务器中，首先要设置一些路由用于接收客户端的请求。在本例中，我们设置一个返回 JWT Token 的路由：
-- -------------------- ---- -------
----- ---- - ----------------
----- --- - ---------------
----- --- - ------------------------
----- ------ - -----------
----- ------ - -------------
----- ------------
----- ----
---
----- -------- - ----- --------- -------- -- -- -
------ - -------- ---- --
--
----- ---- - ----- -- -- -
----- -------------------------------------------
--------------------------- ------ -
---- -------
--------- ---------
-------------- - ----------- --------- -
---
---------------------------
--------------
-
------- -------
----- ---------
------- - ----- ----- --
-------- --------- -- -- -
----- ----- - ---------- --- - -- ------- - ---------- ---- ---
------ - ----- --
-
--
-
------- ------
----- -------------
-------- --------- -- -- -
------ - -------- ------ ------- --
-
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------在该代码中我们设置了两个路由，一个用于登录获取 Token，另一个用于展示受保护的内容。
创建一个 Token 并传递给客户端
在客户端登录后，我们需要创建一个 Token 并将其传递给客户端，服务器代码如下：
const token = jwt.sign({ id: 1 }, secret, { expiresIn: '1h' });
return { token };验证 Token
在客户端向服务器请求时，需要将 Token 附加到请求头中，这样服务器就可以识别 Token。服务器通过以下代码实现 Token 的验证：
-- -------------------- ---- -------
----- -------- - ----- --------- -------- -- -- -
------ - -------- ---- --
--
----- -------------------------------------------
--------------------------- ------ -
---- -------
--------- ---------
-------------- - ----------- --------- -
---
---------------------------其中，validate 方法用于验证 Token，此例中，我们将验证过程简单地实现为始终返回 isValid: true。register 方法用于安装 hapi-auth-jwt2 插件，auth.strategy 方法用于设置认证策略，并将其命名为 jwt。在验证 Token 时，我们使用了 HS256 算法进行签名，需要在 verifyOptions 中指定。
完成上述步骤后，我们便可以使用 JWT 实现在 Hapi 中的跨域认证功能。
总结
本文中，我们介绍了如何在 Hapi 中使用 JWT 进行跨域认证，对实现这一目标的方法、注意事项等内容进行了详细的阐述。希望本文能够帮助读者进一步提高前端开发的能力及技术实现水平，为未来的学习奠定坚实基础。完整的示例代码可在以下仓库中找到：
https://github.com/someonepaul/hapi-jwt-demo
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647434d9968c7c53b019b3d8