在 web 开发中，我们经常需要处理身份认证和授权。hapi 是一个 Node.js 的 web 框架，提供了方便的路由管理和中间件机制。而 @aeroline_1025/hapi-corpsso 这个 npm 包则是 hapi 框架中一个用于跨域身份认证的扩展包，能够帮助我们轻松实现基于 cookie 的单点登录（SSO）功能。本篇文章将详细介绍 @aeroline_1025/hapi-corpsso 的使用方法，并提供实际的代码示例。
准备工作
在使用 @aeroline_1025/hapi-corpsso 之前，需要先在项目中安装 hapi 框架，并创建一个基本的服务。这里假设已经按照官方文档创建了一个服务，并命名为 server。另外，本篇文章将会使用 hapi v17.x 版本和 Node.js v8.x 版本进行演示。
安装和配置 @aeroline_1025/hapi-corpsso
安装 @aeroline_1025/hapi-corpsso 可以使用 npm 或 yarn：
--- ------- --------------------------- ------
或
---- --- ---------------------------
安装完成后，在服务启动时，需要将 @aeroline_1025/hapi-corpsso 中间件添加到服务中。代码如下：
----- ---- - ----------------
----- ---- - --------------------------------------- -- -- --------------------------- -
----- ------ - --- --------------
-- -- --------------------------- ---
-----------------
------- -----
-------- -
-------- -------------------------- -- -----------
-------------- -
--------- ----------- -- ---- ------ ---
--------- ----- -- --------- ----
----- ----
------- ------------
---- -- - -- - -----
------------- ------
------------- ------
----------- -----
--------- -------------
------------- ------
------------- -----
--
--
---
-- ----
---------------在上面的代码中，我们添加了 @aeroline_1025/hapi-corpsso 中间件，并且提供了它需要的一些必要参数。其中，origins 参数定义了允许跨域访问的域名列表，cookieOptions 中则包含了用于加密 cookie 的密码和设置 cookie 的相关属性。
客户端代码示例
在客户端使用 @aeroline_1025/hapi-corpsso 的方式与使用普通 cookie 是类似的。当用户在应用程序中进行身份认证成功后，我们需要将用户的认证信息存储在 cookie 中，并向后端服务器发送请求，以与后端服务器建立起认证的连接。以下是一个 React 应用程序中，使用 @aeroline_1025/hapi-corpsso 实现单点登录的代码示例：
------ ------ - -------- - ---- --------
------ ----- ---- --------
----- ----- - -- -- -
----- ---------- ------------ - -------------
----- ---------- ------------ - -------------
----- ------------ - ----- --- -- -
-------------------
----- - ---- - - ----- -------------------- - --------- -------- ---
-- ---- ------ --------
--------------- - ----------------------
--
------ -
----- ------------------------
-------
---------
------ ----------- ---------------- ------------- -- ---------------------------- --
--------
-------
---------
------ --------------- ---------------- ------------- -- ---------------------------- --
--------
------- -----------------------------
-------
--
--
------ ------- ------在上面的代码中，我们定义了一个 Login 组件，在表单中输入用户名和密码，然后向 /login 路由发送 post 请求，获取并存储用户的认证信息（使用 token 作为示例）。这里需要注意的是，我们使用的是 axios 这个 http 请求库，我们可以在这里使用 axios 指定一些配置，如 baseURL、withCredentials 等等。
在用户身份认证完成后，我们就需要在其他需要进行身份认证的组件中，发送带有认证信息的 http 请求，以建立起与后端服务器之间的认证连接。以下是组件中发送请求的代码示例：
------ ------ - ---------- -------- - ---- --------
------ ----- ---- --------
----- ------- - -- -- -
----- ------ -------- - ---------------
------------ -- -
----- -------- - -- -- -
----- ---- - ---------
----- ------------- - ------------------------------------
----- --------- - -------------------------
--- ---- - - -- - - ----------------- - -- -- -
--- - - -------------
----- ------------ --- - -- -
- - ---------------
-
-- ---------------- --- -- -
------ ------------------------ ----------
-
-
------ ---
--
----- --------- - ----- -- -- -
----- ----- - -----------
----- - ---- - - ----- ------------------------------------------ - ---------------- ---- ---
--------------
--
------------
-- ----
------ -
-----
----- - -------------- ---------------------- - ------------ --- -----------
------
--
--
------ ------- --------在上面的代码中，我们定义了一个 Profile 组件，在组件挂载时，从 cookie 中获取认证信息，并在组件中发送 http 请求，获取用户的个人信息。在发送请求时，我们使用 withCredentials 参数告诉浏览器携带 cookie 信息。这样，当该请求被转发到后端服务器时，@aeroline_1025/hapi-corpsso 中间件就会捕捉到 cookie，建立认证连接。
结语
通过本文，我们了解了如何使用 @aeroline_1025/hapi-corpsso 扩展包，实现基于 cookie 的单点登录功能。在使用 @aeroline_1025/hapi-corpsso 时，我们需要配置中间件对象的 origins 和 cookieOptions 两个属性，并使用 request.auth.session.set 方法设置 cookie。通过本文提供的代码示例，相信读者可以轻松地将 @aeroline_1025/hapi-corpsso 应用到自己的项目中。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/102852