在 Express.js 中使用 JWT 实现用户认证

在 Express.js 中使用 JWT 实现用户认证

随着 Web 应用的日益普及,用户认证成为了一个必不可少的功能。而 JWT(JSON Web Token)是一种流行的认证方式,它可以在客户端和服务端之间安全地传递用户信息。在本文中,我们将介绍如何在 Express.js 中使用 JWT 实现用户认证。

JWT 的工作原理

JWT 是一种基于 JSON 的令牌,它由三部分组成:头部、载荷和签名。头部包含了令牌的类型和加密算法,载荷包含了用户的信息,签名用于验证令牌的合法性。

当用户登录成功后,服务器会生成一个 JWT 并将其返回给客户端。客户端在后续的请求中将 JWT 作为请求头发送给服务器。服务器在接收到请求时,会解析 JWT 并验证其合法性。如果验证通过,服务器就可以获取到用户信息并允许用户访问相关资源。

实现步骤

  1. 安装依赖

我们需要安装以下依赖:

  • express:用于搭建 Web 服务器
  • jsonwebtoken:用于生成和验证 JWT
  • body-parser:用于解析 POST 请求的请求体

可以使用以下命令进行安装:

--- ------- ------- ------------ -----------
  1. 搭建 Express.js 服务器

我们需要创建一个 Express.js 服务器并监听端口。以下是一个简单的示例:

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

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

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

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

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

在上面的代码中,我们使用了 body-parser 中间件来解析 POST 请求的请求体。同时,我们定义了一个路由,当用户访问根路径时,服务器会返回 "Hello World!"。

  1. 添加用户认证路由

我们需要添加一个路由来处理用户认证。以下是一个简单的示例:

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

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

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

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

在上面的代码中,我们使用了 jsonwebtoken 中的 sign 方法来生成 JWT。我们使用了一个密钥(secretKey)来签名 JWT。在实际应用中,应该使用更长、更复杂的密钥来保证 JWT 的安全性。

如果用户认证成功,则服务器会生成一个包含用户信息的 JWT 并将其返回给客户端。如果用户认证失败,则服务器会返回一个 401 状态码和错误信息。

  1. 验证 JWT

我们需要在每个需要认证的路由中验证 JWT。以下是一个示例:

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

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

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

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

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

在上面的代码中,我们定义了一个 authenticate 中间件来验证 JWT。如果 JWT 验证成功,则将用户信息保存在 req.user 中并调用 next()。如果 JWT 验证失败,则返回一个 401 状态码和错误信息。

在 /protected 路由中,我们使用了 authenticate 中间件来保护该路由。只有在 JWT 验证成功后,服务器才会返回用户信息。

总结

在本文中,我们介绍了如何在 Express.js 中使用 JWT 实现用户认证。我们需要安装 express、jsonwebtoken 和 body-parser 依赖,并搭建一个 Express.js 服务器。我们还介绍了 JWT 的工作原理,以及如何生成和验证 JWT。最后,我们展示了如何使用中间件来验证 JWT 并保护需要认证的路由。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/662b7b65d3423812e490d7b3


猜你喜欢

  • Kubernetes 在云原生应用开发中的应用实践及最佳实践

    什么是 Kubernetes? Kubernetes 是一个开源的容器编排平台,它可以自动化应用程序的部署、扩展和管理。使用 Kubernetes,开发人员可以将应用程序打包成容器,并将它们部署到一个...

    6 个月前
  • 如何在 Chai 中实现深度递归比较两个 Object 对象

    在前端开发中,我们经常需要比较两个对象是否相等。但是,在 JavaScript 中,对象比较并不是一件简单的事情,因为对象可能包含嵌套对象、数组、函数等。因此,我们需要一种方法来实现深度递归比较两个 ...

    6 个月前
  • 如何利用 Mocha 进行 Koa2 应用程序的 Web 端集成测试

    在前端开发中,集成测试是一项非常重要的工作。它可以帮助我们检查系统的各个组成部分是否能够正常协作。在 Koa2 应用程序中,我们可以使用 Mocha 进行 Web 端集成测试。

    6 个月前
  • 使用 SASS 编写 CSS3 动画效果

    在前端开发中,CSS3 动画效果已经成为了提高用户体验的重要手段。而 SASS 作为 CSS 的预编译语言,可以让我们更方便地编写复杂的 CSS 样式和动画效果。本文将介绍如何使用 SASS 编写 C...

    6 个月前
  • Babel 中的语法树 AST 解析技巧

    在前端开发中,我们常常需要将 ES6+ 的代码转换成 ES5 以保证兼容性。这时候,Babel 就成了我们的得力工具。Babel 会将 ES6+ 代码转换成 AST(抽象语法树),然后再根据一定的规则...

    6 个月前
  • Docker 中使用 Nginx 搭建 WEB 服务器教程

    前言 Docker 是一种轻量级的虚拟化技术,能够快速构建、发布和运行应用程序。Nginx 是一种高性能的 Web 服务器和反向代理服务器,广泛应用于互联网领域。本文将介绍如何使用 Docker 和 ...

    6 个月前
  • Enzyme 中 simulate 和 setState 非同步的问题

    Enzyme 中 simulate 和 setState 非同步的问题 在前端开发中,测试是非常重要的一环,而 Enzyme 是 React 测试中常用的工具。但是在 Enzyme 的测试中,我们可能...

    6 个月前
  • Redis 应用中出现的 OOM 导致服务不可用原因分析及解决方案

    在 Redis 的使用过程中,经常会遇到 OOM(Out of Memory)的问题,导致服务不可用。本文将分析 Redis 应用中出现 OOM 的原因,并提供解决方案和示例代码。

    6 个月前
  • 在 LESS 中使用颜色函数:lighten、darken、saturate、desaturate 的详解

    LESS 是一种 CSS 预处理器,它允许我们在 CSS 中使用变量、函数等高级特性,让我们的前端开发更加高效和便捷。其中,LESS 中的颜色函数可以帮助我们快速修改颜色,让页面更加美观,而本文将详细...

    6 个月前
  • ECMAScript 2020:如何使用 flat() 和 flatMap() 方法

    在 ECMAScript 2020 中,我们迎来了两个新的数组方法:flat() 和 flatMap()。这两个方法可以让我们更方便地处理嵌套数组,让代码更简洁易懂。

    6 个月前
  • 详解 ES9 中新增的正则表达式反向断言

    在 ES9 中,正则表达式引入了一个新的特性:反向断言。它为正则表达式提供了一个新的限制条件,使得我们可以更加灵活地匹配字符串。本篇文章将详细讲解反向断言的概念、语法、用法以及示例代码,并探讨它的学习...

    6 个月前
  • 构建真正无敌的 Deno 应用程序

    什么是 Deno? Deno 是一个新兴的 JavaScript 和 TypeScript 运行时,由 Node.js 的创始人 Ryan Dahl 开发。与 Node.js 不同的是,Deno 不需...

    6 个月前
  • ES6 中 const 关键字的作用

    在 ES6 中,我们可以使用 const 关键字来声明一个常量,这个常量的值不能被修改。那么 const 的作用是什么呢?它有哪些优点和缺点呢?本文将详细介绍 const 的作用和使用方法。

    6 个月前
  • Hapi 框架中如何处理 POST 请求的参数传递

    在前端开发中,我们经常需要处理 POST 请求的参数传递。Hapi 是一个 Node.js 的 Web 应用框架,它提供了方便的路由和请求处理功能。在 Hapi 中,我们可以通过多种方式处理 POST...

    6 个月前
  • Mocha 测试框架中如何解决测试覆盖率差问题

    什么是 Mocha 测试框架 Mocha 是一个 JavaScript 测试框架,它可以在浏览器和 Node.js 环境中运行。Mocha 提供了丰富的 API,让我们可以轻松地编写和运行测试用例。

    6 个月前
  • Server-sent Events 的兼容性问题与解决方法

    什么是 Server-sent Events Server-sent Events(SSE)是一种基于 HTTP 的服务器推送技术,可以让服务器向客户端推送实时数据。

    6 个月前
  • Next.js 单页面应用(SPA)与多页面应用(MPA)的区别及选择

    前言 在 Web 应用开发时,我们需要选择合适的应用架构,其中最常见的两种应用架构是单页面应用(SPA)和多页面应用(MPA)。Next.js 是一款流行的 React 服务端渲染框架,它提供了两种应...

    6 个月前
  • AngularJS 中使用 ng-switch 切换显示内容的方法详解

    在 AngularJS 中,ng-switch 指令可以根据指定的条件,动态地切换显示内容。与 ng-if 相比,ng-switch 可以更方便地处理多个条件的情况。

    6 个月前
  • SPA 应用 SEO 优化:使用服务端渲染和预渲染

    随着前端技术的不断发展,越来越多的网站采用了 SPA(Single Page Application)架构,这种架构能够提供更好的用户体验,但是对于 SEO(Search Engine Optimiz...

    6 个月前
  • ECMAScript 2016 (ES7) 中新增的 Object.getOwnPropertyDescriptors() 方法详解

    在 ECMAScript 2016 (ES7) 中,新增了一个非常实用的方法 Object.getOwnPropertyDescriptors(),该方法可以获取一个对象所有自身属性的描述符。

    6 个月前

相关推荐

    暂无文章