Node.js 中使用 JSON Web Tokens 实现用户认证

随着前端技术的发展,越来越多的应用开始采用前后端分离的架构,前端应用需要与后端 API 交互来获取数据。而在这个过程中,身份验证和访问控制是一个很重要的问题。JSON Web Tokens(JWT)是一个轻便而安全的方法,它可以在前端和后端之间传递验证信息,同时避免了会话的状态管理问题。

什么是 JSON Web Tokens

JSON Web Tokens 是一种开放标准(RFC 7519),它定义了一种紧凑、自包含的、URL 安全的方式来传输信息。JWT 是一种基于 JSON 编码的 token,它包含了一些声明,这些声明描述了被授权的实体(通常是用户)以及被授权的访问。JWT 可以使用 HMAC 算法或者公钥/私钥对签名,从而保持其完整性。

一个 JWT token 包含了三个部分,它们分别是:

  • Header:包含 token 的类型和所使用的算法。
  • Payload:包含声明(claims)信息,其中根据需要可以自定义很多声明。
  • Signature:对前两部分经过哈希后的结果进行签名。

这里是一个 JWT 的典型样例:

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

其中,Header 和 Payload 部分都使用 Base64Url 编码,而 Signature 部分则是使用特定算法计算得到的哈希值。

如何使用 JWT 实现用户认证

在 Node.js 中使用 JWT 实现用户认证非常简单,这里我们采用 jsonwebtoken 这个第三方库。首先,在 Node 项目中安装该库:

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

接下来,我们写一个用户登录的 API,在用户验证通过后生成 JWT token 并返回给客户端:

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

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

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

上述代码中,我们首先从请求中获取用户名和密码等信息,然后进行验证。如果验证通过,我们就可以根据用户的信息生成一个 payload 对象,并调用 jsonwebtoken 的 sign 方法生成 JWT token。注意,这里的 secretKey 是用于签名的密钥,请根据需要进行更改。

接下来,让我们看一下如何在每个请求中进行用户认证:

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

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

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

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

上述代码中,我们定义了一个中间件函数 verifyToken,该函数用于验证用户是否已经登录,并根据 token 的有效性判断用户是否具有访问页面的权限。在该函数中,我们首先从请求头中获取 Authorization 字段,并解析出其中的 JWT token。然后,我们调用 jsonwebtoken 的 verify 方法对 token 进行验证。如果 token 被篡改或者已经过期,则会抛出异常,此时我们就认为用户未通过验证,返回 401 错误。

最后,我们可以在需要进行身份验证的路由中使用 verifyToken 中间件,如果用户通过验证,则继续执行后续代码。

总结

在 Node.js 中使用 JWT 实现用户认证是一个非常方便的方法,它既安全又灵活,可以绕过会话状态管理的固有问题。在实际应用中,我们应该根据具体的需求来使用 jwt.sign 和 jwt.verify 方法,并采取一些基本的措施来确保密钥的安全性。

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


猜你喜欢

  • Mongoose 与 Express 结合实现数据依赖性路由

    前端开发中经常需要获取并展示后端数据,而数据依赖性路由是实现这一需求的一种有效方法。接下来,本文将介绍如何使用 Mongoose 与 Express 结合实现数据依赖性路由。

    1 年前
  • ECMAScript 2018 新特性之 Legacy RegExp

    随着计算机科学的不断发展,编程语言也在不断地更新,以适应新的应用场景和需求。ECMAScript 2018 作为 JavaScript 语言的最新版本,引入了许多新的特性和改进。

    1 年前
  • 解决使用 LESS 时出现的空白行问题

    LESS 是一个功能强大的 CSS 预处理器,它提供了许多方便的特性来简化 CSS 的编写。但有时候在使用 LESS 时,会遇到一些空白行问题。这在开发过程中显然会导致代码风格不统一,增加代码量,影响...

    1 年前
  • Vue.js:使用 vuex 解决组件间数据传递问题的技巧

    介绍 Vue.js 是一款流行的前端框架,允许您通过组件化构建 Web 应用程序。作为组件化构建的一部分,数据传递是一个共同的问题,尤其是在多个组件之间的情况下。vuex 是 Vue.js 官方的状态...

    1 年前
  • Deno 中如何实现 WebSocket 客户端连接同时进行多个请求

    WebSocket 是基于 TCP 协议的一个持久化的协议,常用于实现实时通讯、客户端与服务端双向通讯、远程控制等场景。Deno 是一个安全的运行时环境,用于编写现代的 JavaScript 和 Ty...

    1 年前
  • 简单易懂的 Jest 教程:编写测试用例以及如何运行它们

    前言 测试在软件开发中起着至关重要的作用,为了确保代码的质量和稳定性,我们必须对其进行充分的测试。在前端开发中,我们常常使用 Jest 来进行单元测试,它是一个功能强大、易用的测试框架。

    1 年前
  • CSS Flexbox 的 Horizontal Alignment Bug 及其解决方式

    Flexbox 是 CSS3 中的一种强大的布局模式,它可以让我们更轻松地创建复杂的布局。但是,当我们使用 Flexbox 进行水平对齐时,可能会遇到一些奇怪的问题。

    1 年前
  • CSS Reset 库的选择与使用

    作为前端开发人员,我们经常需要写 CSS 代码来实现相应的布局和样式效果。但是,不同浏览器对 CSS 的解析和应用方式却存在较大的差异,因此我们需要使用 CSS Reset 来规范化不同浏览器的解析和...

    1 年前
  • Headless CMS 如何进行权限控制?

    Headless CMS 是一个独立的后端内容管理系统,它不涉及前端管理,也不涉及展示。相比传统的 CMS 系统,Headless CMS 能够更加轻量、灵活和可扩展,可以服务于跨多个渠道和设备的应用...

    1 年前
  • 如何在 Mocha 中钩子函数中处理异常情况

    在使用 Mocha 编写单元测试时,钩子函数是一个非常重要的概念。通过钩子函数,我们可以在测试之前或之后执行一些操作,比如初始化数据或清理环境。但是,在钩子函数中可能会出现异常情况,这时我们该如何处理...

    1 年前
  • React Native 中如何使用 redux

    Redux 是一种非常流行的状态管理库,用于构建 JavaScript 应用程序。在 React Native 中,Redux 的使用也非常常见,可以帮助我们更有效地管理应用程序状态并提高代码复用性。

    1 年前
  • 知道这些,Node.js 性能大幅提升

    知道这些,Node.js 性能大幅提升 前言 Node.js 是一种可以在服务器端运行的 JavaScript 运行时环境。它能够运行 JavaScript 代码,而不需要再次编译。

    1 年前
  • 从移动优先出发,实现响应式设计

    从移动优先出发,实现响应式设计 在当今互联网时代,移动设备已经成为人们必不可少的工具之一,尤其是现在移动设备的营销渠道已经占据了很大的比例。因此,移动优先的设计理念也被越来越多的人所倡导。

    1 年前
  • Babel7 配合 webpack4 使用总结

    Babel7 和 webpack4 是现代前端开发中常用的技术,它们可以为前端项目提供强大的转换和打包能力。本文将介绍如何使用 Babel7 和 webpack4 搭建一个高效且可扩展的前端开发环境。

    1 年前
  • 解决 Hapi 插件初始化失败的问题

    在使用 Hapi 框架开发前端时,我们通常需要使用到各种插件来提高生产效率和开发体验。但有时候在初始化插件时会遇到初始化失败的问题,这给开发工作带来了很大的影响。那么如何解决这个问题呢?本文将为大家详...

    1 年前
  • MongoDB 中的 Array Filter 功能详解

    在 MongoDB 中,Array Filter 是一种非常有用的功能,它可以帮助我们过滤嵌套在文档中的数组,以便更容易地查询和更新数据。该功能使得我们可以在数组中找到需要的数据,并对其进行更改。

    1 年前
  • Webpack 构建时遇到 Resolve.alias 配置错误的解决方法

    在前端开发中,Webpack 已经成为了最流行的模块打包工具之一,它提供了许多功能来帮助我们构建复杂的 Web 应用程序。其中,Resolve.alias 是一个非常有用的功能,可以让我们定义模块的别...

    1 年前
  • SASS 的 variables 变量使用技巧

    在前端开发过程中,CSS 可以说是必不可少的一部分。而 SASS 的出现使得 CSS 的编写变得更加简洁和高效。其中,variables(变量)是 SASS 最为重要的特性之一,通过使用 variab...

    1 年前
  • RESTful API 的 CORS 原理与实现

    什么是 CORS? CORS(跨域资源共享,Cross-Origin Resource Sharing)在网络开发中,经常遇到浏览器同源策略限制问题,这就需要跨域进行相应资源的访问处理。

    1 年前
  • TypeScript 中使用命名空间的指南

    在前端开发中,为了避免命名冲突和组织代码,我们通常会使用命名空间。TypeScript 提供了强大的命名空间功能,本文将介绍如何在 TypeScript 中使用命名空间。

    1 年前

相关推荐

    暂无文章