使用 JWT 认证 Hapi 应用程序的方法

面试官：小伙子，你的数组去重方式惊艳到我了

当你在创建一个使用 Hapi 框架的 Web 应用程序时，使用 JWT 来验证用户身份可能是一个非常好的选择。在本文中，我们将会详细讲解 JWT 的相关知识，并提供一个示例代码作为参考。

什么是 JWT？

JWT 的全称是 JSON Web Token（JSON 网络令牌），它是一种开放标准（RFC 7519），可以用于在两个应用程序之间传递信息。它们最常用于身份验证和授权场景。例如，当你登录某个网站时，它会生成一个 JWT，然后在一段时间内将该 JWT 作为身份验证所需的信息进行传递。

JWT 的结构

JWT 由三部分组成：Header（头部）、Payload（载荷）和 Signature（签名）。这三部分都是以 . 进行分隔的字符串。

Header 声明了该 JWT 使用的算法。例如：

-
  ------ --------
  ------ -----
-

Payload 包含了 JWT 所包含的数据。例如：

-
  ------ -------------
  ------- ----- -----
  ------ ----------
-

Signature 用于验证 JWT 是否被篡改。例如：

-----------
  ----------------------- - --- -
  -------------------------
  ------
-

在创建 JWT 时，需要使用这三部分将其组合在一起。最终生成的 JWT 如下：

-----------------------------------------------------------------------------------------------------------------------------------------------------------

在 Hapi 应用程序中使用 JWT 认证

在本文的示例中，我们将使用 Hapi-jwt 和 Hapi-auth-jwt2 插件实现 JWT 认证。

步骤一：在应用程序中安装插件

----- ---- - ---------------------
----- ------- - -------------------
----- ------------ - -------------------------

----- ------ - -------------
  ----- ----
--

----- -------- ------- -
  --- -
    
    -- -- -------- --
    ----- ------------------------
    
    -- -- -------------- --
    ----- -----------------------------
    
    --------------------------- ------ -
      ---- ------------------
      --------- --------- -------- -- -- -
        -- -------------
      -
    --

    --------------
      ------- ------
      ----- ---------
      -------- --------- -- -- -
        ------ ------ -------
      --
      -------- -
        ----- -----
      -
    --

    ----- --------------
    ------------------- ------- -- ----- -- ----------------
  - ----- ----- -
    ----------------
  -
-

-------

步骤二：使用 JWT 进行身份验证

在上面的示例中，我们已经设置了 Hapi-jwt 和 Hapi-auth-jwt2 插件，现在我们需要将它们与路由结合起来。在示例中，我们将使用 /hello 路由来演示如何使用 JWT 进行身份验证。

--------------
  ------- ------
  ----- ---------
  -------- --------- -- -- -
    ------ ------ -------
  --
  -------- -
    ----- -----
  -
--

这个路由被保护起来了，并且需要一个有效的 JWT 来进行身份验证。

步骤三：生成一个 JWT

Hapi-jwt 插件可以通过在请求中包含 JWT 来验证身份。因此，在生成 JWT 时，你需要将其包含在请求头部中。

--------------
  ------- ------
  ----- ---------
  -------- --------- -- -- -
    ----- ----- - ------------------------
      ---- -------------
      ----- ----- -----
      ---- --------------------- - -----
    -- ------------------
    ------ ------------
      -------- ------ ------------
      ------ -----
    -------------------------- ------
  -
--

在上面的示例中，我们生成了一个包含 sub、name 和 iat 信息的 JWT。请注意，我们在生成 JWT 时使用了你自己独有的密钥。该 JWT 将包含在响应头部中，使得后来的请求可以将其包含在请求头部中，并使用它来进行身份验证。

步骤四：验证 JWT

现在，我们已经生成了一个包含 JWT 的响应头部。

在后续的请求中，将包含这个 JWT 以进行身份验证。为此，Hapi-jwt 插件需要设置身份验证策略，并在路由选项中将其应用于指定路由。

--------------------------- ------ -
  ---- ------------------
  --------- --------- -------- -- -- -
    -- -------------
  -
--

--------------
  ------- ------
  ----- ---------
  -------- --------- -- -- -
    ------ ------ -------
  --
  -------- -
    ----- -----
  -
--

在上面的示例中，我们将 "jwt" 身份验证策略设置为了默认的验证策略，并将其应用于 /hello 路由。validate 回调函数用于在用户的 JWT 经过解析后进行身份验证。例如，你可以检查 JWT 中包含的用户名和密码是否与数据库中存储的信息匹配。如果用户被认证，则允许他们执行特定的操作。

--------- --------- -------- -- -- -
  -- -------------
  ----- ---- - -------------------------------------
  -- ------- -
    ------ - -------- ----- -
  -
  -- -- --- -------------------
  -- -------------- --- ----------------- -
    ------ - -------- ----- -
  -
  ------ - -------- ---- -
-

示例代码

最后，我们提供完整的示例代码，供您参考。其中包含了使用 JWT 认证 Hapi 应用程序的所有上述步骤。

----- ---- - ---------------------
----- ------- - -------------------
----- ------------ - -------------------------

----- ------ - -------------
  ----- ----
--

----- -------- ------- -
  --- -
    
    -- -- -------- --
    ----- ------------------------
    
    -- -- -------------- --
    ----- -----------------------------
    
    --------------------------- ------ -
      ---- ------------------
      --------- --------- -------- -- -- -

        -- -------------

        -- ------------ -- -------
        -- ------------ - --- -
          ------ - -------- ----- -
        -

        ------ - -------- ---- -
      -
    --

    --------------
      ------- ------
      ----- ---------
      -------- --------- -- -- -
        ------ ------ -------
      --
      -------- -
        ----- -----
      -
    --

    --------------
      ------- ------
      ----- ---------
      -------- --------- -- -- -
        ----- ----- - ------------------------
          ---- -------------
          ----- ----- -----
          ---- ---
          ---- --------------------- - -----
        -- ------------------
        ------ ------------
          -------- ------ ------------
          ------ -----
        -------------------------- ------
      -
    --

    ----- --------------
    ------------------- ------- -- ----- -- ----------------
  - ----- ----- -
    ----------------
  -
-

-------

结论

本文中，我们已经详细介绍了如何在 Hapi 应用程序中使用 JWT 认证。虽然我们提供了一个示例代码，但是当你在实际项目中使用时，你可能需要对其进行更多的修改和扩展。如果你有任何问题或建议，请随时向我们留言。谢谢！

来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/66f53735c5c563ced570ecdd

阅读全文

猜你喜欢

  • Next.js 插入 cookie 造成的 Unhandled Promise Rejection 警告的问题解决办法

    Next.js 插入 cookie 造成的 Unhandled Promise Rejection 警告的问题解决办法 当使用 Next.js 时，我们可能需要在客户端添加 cookie。

    4 小时前
  • Performance Optimization：使用 Webpack SplitChunks 提高应用性能

    Performance Optimization：使用 Webpack SplitChunks 提高应用性能 当我们开发前端应用时，我们常常会面临应用过于庞大，加载时间过长，导致用户体验不良的问题。

    4 小时前
  • 如何处理未捕获的 Promise 错误？

    在前端开发中，Promise 是一种用于处理异步操作的技术，它可以帮助我们更好地掌控异步操作，提高代码的可读性和可维护性。但是，Promise 中可能存在未捕获的异常，如果不加以处理，就有可能导致代码...

    4 小时前
  • webpack 如何处理 ES6 转 ES5

    Webpack 是前端开发中常用的一种打包工具，它不仅能够将多个文件打包成一个文件，并且还可以实现对 JavaScript 的模块化、代码压缩等操作。在使用 Webpack 进行打包的过程中，我们时常...

    5 小时前
  • Jest 测试覆盖率不准确的解决方案

    在前端开发中，我们经常会使用 Jest 进行单元测试，其中测试覆盖率是一个非常重要的指标，可以帮助我们评估测试的质量和代码覆盖情况。然而，有时候测试覆盖率并不准确，这可能会导致我们误判测试质量和代码覆...

    5 小时前
  • Serverless 遇到超时错误怎么办？

    在 Serverless 应用程序中，处理大量请求时，可能会出现一个常见的错误——超时错误。这是由于 Lambda 函数无法在目标时间内完成并返回响应。 在这篇文章中，我们将探讨一些常见的 Serve...

    5 小时前
  • SPA 使用 Webpack 打包后本地空白问题解决

    单页应用(SPA)在前端开发中越来越流行。Webpack 是构建 SPA 的一种流行工具，它能够自动化地将代码打包成静态文件。虽然 Webpack 能够优化代码，但在本地调试时，经常会出现打包后的页面...

    5 小时前
  • ES7 新特性：Array.prototype.flatMap() 详解

    ES7 是 ECMAScript 的一个版本，也称 ES2016，它引入了一些新特性，其中之一是 Array.prototype.flatMap()。这是一个数组方法，可以扁平化嵌套数组，并映射处理每...

    6 小时前
  • 使用 Material Design 进行自定义图标设计教程

    作者：AI笔记本 Material Design 是 Google 推出的一种设计风格，计划覆盖 Android、Chrome OS、Web 和其它 Google 产品。

    6 小时前
  • Less 报错提示 “Parameter ‘color’ not found in mixin”

    在前端开发中，CSS 预处理器(Preprocessor) 是一个很常用的工具。而LESS是其中的一种，它让我们在 CSS 写作中拥有更多的选择，比如变量、函数、Mixin 等等。

    6 小时前
  • 解决 Redis 持久化过程中数据出错的问题

    什么是 Redis 持久化？ Redis 是一个开源的高性能键值对存储数据库，在内存中存储数据。Redis 提供了两种持久化的方式，分别是 RDB 持久化和 AOF 持久化。

    6 小时前
  • 7 个 CSS Flexbox 布局问题的解决方案

    CSS 布局是 Web 前端开发中最重要的一部分之一，而 Flexbox（弹性盒布局）在 CSS3 中被引入，为前端开发人员提供了一种更加灵活的布局方式，尤其是对于响应式布局的支持。

    7 小时前
  • Web Components 如何处理异步渲染问题？

    Web Components 是一种让开发者可以创建可重用的自定义元素的技术。它使得开发者能够将自定义元素的所有属性和行为封装到一个单一容器中。但是，当涉及到异步渲染问题时，Web Component...

    7 小时前
  • 完整 ES10 和 ECMAScript 2019 功能列表

    简介 ECMAScript 是一种由 Ecma 国际组织标准化的脚本语言，它被广泛应用于 Web 开发中。随着技术的发展，ECMAScript 的版本也不断更新，新增了许多重要的功能。

    7 小时前
  • 如何快速配置自己的 ESLint 规则集

    ESLint 是一个开源的 JavaScript 代码检查工具，它可以用来检查代码是否符合制定的规则集。如果你是一名前端开发工程师，那么使用 ESLint 是十分必要的，因为它使代码检查更加简单快速，...

    7 小时前
  • 如何在 Node.js 中使用 GraphQL 编写 API

    什么是 GraphQL GraphQL 是一种新的 API 标准，由 Facebook 开发。相比于 RESTful API，GraphQL 具有更灵活、更可维护、更高效等优点。

    8 小时前
  • C#使用SSE接收服务器端的消息

    在Web开发中，服务器端经常需要推送实时信息给客户端，并实时展示更新。这时，传统的Ajax轮询和WebSocket均无法胜任了，这时候SSE(服务器发送事件)成为了一个不错的选择。

    8 小时前
  • Web 无障碍设计指南：如何为你的网站打造全盲用户可用的设计？

    什么是无障碍设计 无障碍设计是指为所有用户提供可访问的、易于理解的、易于操作的网站。 网络无障碍可以让那些使用屏幕阅读器、键盘导航、语音识别等辅助技术的用户，更好的浏览和使用网站。

    8 小时前
  • Chai 的实际应用：使用断言测试 RESTful API

    在前端开发过程中，测试是一个非常重要的步骤。随着应用程序变得越来越复杂，测试也变得越来越复杂。在进行 API 测试时，Chai 是一个非常有用的工具，可以帮助我们方便地撰写测试代码，以确保代码能够按照...

    8 小时前
  • Enzyme 测试教程：使用 mount() 与 shallow() 差异化测试 React 组件

    React 组件的测试是前端开发的重要一步，而 Enzyme 就是 React 的一个测试工具。Enzyme 允许开发者对 React 组件进行深度的测试，同时也可以对组件的渲染结果进行全面的检查。

    9 小时前

相关推荐