前言
在现代的前端开发中，安全和身份验证是非常重要的事情。传统的用户名和密码验证已被证明是不够安全的。因此，很多网站使用一种叫做 OpenID Connect 的协议来进行身份验证。OpenID Connect 不仅更加安全，而且还可以使用现有的网络身份提供商（如 Google、Facebook、Twitter 等）进行身份验证，免去了网站自行处理用户身份验证的繁琐工作。
在本篇文章中，我们将介绍如何在 Hapi 框架中使用 OpenID Connect 身份验证来保护您的应用程序。
Hapi 框架简介
Hapi 是一个用于构建 Web 应用程序和服务的框架，它具有高度可扩展性和灵活性。Hapi 框架中包含了许多有用的插件，其中就包含了 OpenID Connect 插件，使得我们可以很方便地实现身份验证。
OpenID Connect 简介
OpenID Connect 是建立在 OAuth 2.0 协议之上的一个标准，它是用于身份验证和授权的开放式协议。它允许第三方应用程序使用现有的身份提供商进行身份验证，用户不需要输入用户名和密码来登录第三方应用程序。
OpenID Connect 协议包含一个身份提供者（IdP）和一个客户端应用程序（RP）之间的交互。当用户尝试登录客户端应用程序时，客户端应用程序将重定向用户到身份提供者。身份提供者将询问用户是否允许客户端应用程序访问其身份信息。如果用户同意，身份提供者将向客户端应用程序发出一个 ID 令牌，该令牌将用于在客户端应用程序中验证用户的身份。
在 Hapi 框架中使用 OpenID Connect 身份验证
Hapi 框架中的 OpenID Connect 插件可以轻松地将身份验证集成到您的应用程序中。以下是具体的步骤：
1. 安装插件
首先，您需要使用 npm 安装 hapi-openid-connect 插件。
npm install hapi-openid-connect --save
2. 配置插件
接下来，在您的 Hapi 应用程序中配置 hapi-openid-connect 插件。以下是一个示例配置：
-- -------------------- ---- -------
----- ------------ - -------------------------
----- ----------------- - -------------------------------
----- ------------- - -
-------------- -
------- ------------------------------
----------------------- -----------------------------------------------
--------------- --------------------------------------
------------------ ---------------------------------------------------
--------- ---------------------------------------------
--
------- -
---------- --------------
-------------- ------------------
------------- ------------------------------
--------------- ---------
--------------------------- ---------------------
----------------------------- --------
--
--
----- -------- - ----- -------- -------- -- -
----- - -------- - - ----- -----------------
------- ------------------
-------- --------------
---
--
-------------- - - -------- --在此示例中，我们使用 Google 作为我们的身份提供者。您需要将 <client_id> 和 <client_secret> 替换为您的 Google 项目的实际值。
3. 创建登录路由
接下来，我们需要为用户提供一个登录页面。在这个页面中，用户将能够选择他们希望使用的身份提供者（在我们的例子中是 Google）并进行身份验证。以下是一个示例路由：
-- -------------------- ---- -------
--------------
------- ------
----- ---------
-------- ----- --------- -- -- -
----- -------- - ----- --------------------------------------------
----- - ------ ----- - - ------------------------
----- ---------------- - ---------------------------
------ --------
------ --------
------ ---------- -------- -----------
---
------------------------ -------
------------------------ -------
------ -----------------------------
--
---在此示例中，我们使用 hapi-auth-cookie 插件创建一个 session，用于存储请求状态和随机数(nonce)。
4. 创建验证路由
完成上面步骤后，我们需要创建一个验证路由来处理身份验证后的回调。以下是一个示例路由：
-- -------------------- ---- -------
--------------
------- ------
----- ------------
-------- ----- --------- -- -- -
----- -------- - ----- --------------------------------------------
----- - ------ ----- - - ------------------
----- -------- - ----- ------------------
--------------------------------------------------------
--------------
- ------ ----- -
--
----- -------- - ----- -----------------------------------------
-- - -------- -------- ------- -
--------------------------- ----------
------ --------------- - -------- ---
--
---在此示例中，我们使用 provider.callback 方法来处理身份验证回调，并使用 provider.userinfo 方法来获取用户信息。
5. 安全设置路由
完成了身份验证以及保存 userinfo 后，我们需要安全链接，以确保一些敏感的页面只能分享给特定用户。以下是一个示例如何设置设计此种路由：
-- -------------------- ---- -------
--------------
------- ------
----- ----------
-------- -
----- -
--------- ----------
------- -
------ ---------- -------- -----------
--
--
--
-------- ----- --------- -- -- -
-- - ------ --- --- ---------- ----
------ ---------------- - --------- --------------------------- ---
--
---在此示例中，我们使用 hapi-auth-session 插件创建了一个 session 策略并将其分配给我们的 router，以确保只有获得 openid, email 和 profile 权限的用户才可以访问该路由。
总结
在本文中，我们介绍了如何在 Hapi 框架中使用 OpenID Connect 身份验证来保护您的 Web 应用程序。我们演示了如何使用 hapi-openid-connect 插件来配置身份提供者，并使用 Node.js 的 OpenID Connect 客户端库来处理身份验证回调和用户信息。通过简单的配置和几行代码，我们已经实现了一个安全，并且易于使用的身份验证机制，可以方便地集成到任何 Hapi 应用程序中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f521a1f6b2d6eab3dd32a1