如何用Node.js实现一个支持JWT的认证中间件?

答案:通过jsonwebtoken库实现JWT认证中间件,验证Authorization头中的Bearer Token合法性。首先安装express和jsonwebtoken,登录时用jwt.sign生成带过期时间的Token;中间件authenticateToken解析请求头,提取并用jwt.verify校验签名与有效期,成功后挂载用户信息至req.user,失败则返回401或403;最后将中间件应用于需保护的路由。建议密钥由环境变量管理,前端正确携带Bearer Token,确保安全性和稳定性。

如何用node.js实现一个支持jwt的认证中间件?

要实现一个支持JWT的认证中间件,核心是验证请求头中的Token是否合法。Node.js结合jsonwebtoken库可以轻松完成这项任务。下面是一个实用且结构清晰的实现方式。

安装依赖

使用npm安装jsonwebtokenexpress

npm install express jsonwebtoken npm install –save-dev dotenv

生成和验证Token的基本逻辑

在用户登录成功后,服务端签发JWT;后续请求需携带该Token,中间件负责验证其有效性。

示例代码:

const jwt = require('jsonwebtoken');const SECRET_KEY = 'your-secret-key'; // 建议从环境变量读取// 登录接口:生成Tokenfunction login(req, res) {  const { username } = req.body;  const token = jwt.sign({ username }, SECRET_KEY, { expiresIn: '1h' });  res.json({ token });}

编写JWT认证中间件

中间件检查请求头Authorization是否存在,格式是否为Bearer ,并验证签名和过期时间。

function authenticateToken(req, res, next) {  const authHeader = req.headers['authorization'];  const token = authHeader && authHeader.split(' ')[1]; // Bearer TOKEN  if (!token) {    return res.status(401).json({ error: 'Access token required' });  }  jwt.verify(token, SECRET_KEY, (err, user) => {    if (err) {      return res.status(403).json({ error: 'Invalid or expired token' });    }    req.user = user; // 将解码后的用户信息挂载到req对象    next();  });}

在Express路由中使用中间件

将中间件应用到需要保护的路由上。

const express = require('express');const app = express();app.use(express.json());// 公开接口(无需认证)app.post('/login', login);// 受保护接口(使用中间件)app.get('/profile', authenticateToken, (req, res) => {  res.json({ message: `Welcome ${req.user.username}` });});app.listen(3000, () => {  console.log('Server running on port 3000');});

基本上就这些。只要确保密钥安全、Token合理设置过期时间,并在前端正确传递,这套机制就能稳定运行。不复杂但容易忽略细节,比如空header处理和错误类型区分。

以上就是如何用Node.js实现一个支持JWT的认证中间件?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1522932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月20日 15:28:24
下一篇 2025年12月20日 15:28:41

相关推荐

  • JavaScript Socket.IO实时通信

    Socket.IO基于WebSocket实现客户端与服务器的实时双向通信,具备自动重连、断线恢复等特性,适用于聊天应用、实时通知等场景;其由服务器端(Node.js环境)和客户端组成,使用一致的API结构;通过Express搭建服务器并监听connection事件处理连接、消息收发与断开;前端引入s…

    2025年12月20日
    000
  • JavaScript模板引擎实现原理

    JavaScript模板引擎核心是将数据与模板结合生成HTML,通过正则解析{{}}插值和逻辑语法,拆分静态与动态部分,提取变量名并拼接为字符串,利用new Function()将模板编译成可复用的渲染函数,提升性能。 JavaScript模板引擎的核心作用是将数据和模板字符串结合,生成最终的HTM…

    2025年12月20日
    000
  • JavaScript 的异步编程模型如何从回调地狱演进到 Async/Await?

    JavaScript异步编程从回调函数演进到async/await,解决了回调地狱问题。早期回调嵌套导致代码可读性差,Promise通过then/catch实现链式调用,改善了错误传播与任务组合,但仍不够直观。Generator尝试以yield实现同步风格写法,需额外执行器支持,未普及。async/…

    2025年12月20日
    000
  • JavaScript Tree Shaking原理实现

    Tree Shaking 是构建工具基于 ES Module 静态结构实现的代码优化技术,通过静态分析标记未使用导出并结合 sideEffects 配置与压缩工具剔除死代码,从而减小打包体积。 Tree Shaking 并不是 JavaScript 引擎本身的功能,而是一种在构建阶段由打包工具(如 …

    2025年12月20日
    000
  • JavaScript热模块替换机制

    HMR通过构建工具监听文件变化并推送更新,实现模块热替换。1. 启动时建立WebSocket连接;2. 监听文件变更触发增量构建;3. 推送补丁包至浏览器;4. 客户端调用module.hot.accept处理更新;5. React用react-refresh、Vue由vue-loader支持、Vi…

    2025年12月20日
    000
  • Node.js调试与性能分析

    使用内置调试器和性能分析工具可提升Node.js应用稳定性。通过–inspect或–inspect-brk启动应用,结合Chrome DevTools进行断点调试;利用console.log与util.inspect排查复杂对象;使用–cpu-prof生成CPU性…

    2025年12月20日
    000
  • JavaScript Node.js集群模式

    Node.js集群模式通过主进程创建多个worker进程共享端口,利用多核CPU提升并发处理能力。主进程管理worker生命周期,实现负载均衡与容错,适用于高并发Web服务,配合外部存储和PM2等工具可优化部署与稳定性。 在高并发场景下,Node.js 单进程的性能会受到 CPU 核心数的限制。虽然…

    2025年12月20日
    000
  • JavaScript微服务架构

    JavaScript凭借Node.js成为构建微服务的重要语言,其异步非阻塞特性适合高并发场景。选择JavaScript可实现全栈统一、利用丰富npm生态、轻量部署与容器化契合。常用框架包括Express.js、Fastify、NestJS及Moleculer,适配不同规模项目。服务间通信支持RES…

    2025年12月20日
    000
  • 移动端推送通知实现

    移动端推送通知通过APNs、FCM及厂商通道实现,客户端获取Token并上报服务器,服务端调用对应API发送消息,结合数据携带与点击处理,确保消息可达与交互。 移动端推送通知的实现主要依赖于平台提供的推送服务,结合客户端、服务器和厂商通道的协同工作。核心目标是让用户即使在应用未运行时也能及时收到消息…

    2025年12月20日
    000
  • 在Node.js环境中操作CSS规则的两种主要方法

    在node.js中直接访问css规则类似于浏览器dom操作是不可能的,因为node.js没有内置dom环境。然而,开发者可以通过两种主要方式实现这一目标:一是利用`jsdom`库模拟浏览器dom环境来访问`document.stylesheets`和`cssrules`;二是通过`css-tree`…

    2025年12月20日
    000
  • JavaScript中函数作为参数的执行机制解析

    javascript函数是第一类对象,可作为参数传递给其他函数。其执行方式取决于接收函数内部逻辑:有些函数仅将其作为数据处理(如`console.log`),而另一些则会调用它作为回调(如`array.prototype.sort()`)。理解这一机制对于编写高效的异步代码和高阶函数至关重要。 在J…

    2025年12月20日
    000
  • 深入理解 V8 Isolate::Scope:C++ 生命周期与上下文管理

    `v8::isolate::sc++ope` 用于在 c++ 应用程序中激活 v8 `isolate` 的上下文,确保 v8 操作在一个有效的运行时环境中执行。其核心在于 c++ 局部对象的生命周期管理:当 `isolate::scope` 对象所在的 c++ 代码块结束时,该对象即被销毁,其激活的…

    2025年12月20日
    000
  • 如何在React应用中实现条件式导航到详情页

    本教程探讨在React应用中,当用户导航到列表页时,如何根据数据量实现条件式导航:若数据仅一条,则直接跳转至详情页;若多于一条,则展示列表。文章详细介绍了如何通过`react-router-dom`配置独立的列表和详情路由,并利用`useNavigate`钩子在列表组件中实现条件重定向,从而避免常见…

    2025年12月20日
    000
  • 使用 useParams 时 useEffect 意外执行的解决方法

    本文旨在解决在使用 React Router 的 `useParams` 钩子时,由于依赖项设置不当导致 `useEffect` 意外执行的问题。通过提取 `params` 对象中的特定属性作为依赖项,并添加必要的依赖项,可以避免不必要的副作用,提高组件的性能和可预测性。 在使用 React Rou…

    2025年12月20日
    000
  • ExtJS Grid与Store数据加载:常见错误排查与最佳实践

    本教程深入探讨ExtJS数据网格(Grid)与数据存储(Store)的数据加载机制。文章将重点解析`dataIndex`与API响应字段不匹配、Store配置不当等常见问题,并提供解决方案。同时,将介绍Store的定义方式、`autoLoad`属性的使用以及在ExtJS应用中管理数据存储的最佳实践,…

    2025年12月20日
    000
  • Vue 3 组件非元素根节点指令警告:原理与解决之道

    在Vue 3升级或开发过程中,开发者可能会遇到“Runtime directive used on component with non-element root node”警告。此警告表明组件模板的根节点不是单一元素,导致指令无法按预期工作。核心解决方案是确保组件模板只有一个顶级包装元素,如 ,以…

    2025年12月20日
    000
  • JavaScript中函数作为参数的执行机制与回调函数详解

    本文深入探讨了javascript中函数作为一等公民的特性,以及它们如何作为参数被传递和执行。我们将详细解析当一个函数被作为参数传入另一个函数时,其行为如何由接收函数内部逻辑决定,并通过`console.log`和`array.prototype.sort`等具体示例,区分函数被视为数据值与被实际执…

    2025年12月20日
    000
  • Vue 3中Proxy对象的数据访问与组件通信实践

    本文旨在解决vue 3应用中通过异步请求获取数据并将其作为prop传递给子组件时,遇到的数据以`proxy(object)`形式显示且难以直接访问的问题。我们将深入探讨vue 3的响应式原理、异步数据处理的最佳实践,以及父子组件间数据传递的正确姿势,通过代码示例和详细解释,确保开发者能够顺畅地访问和…

    2025年12月20日
    000
  • 如何在JavaScript中判断两个日期是否连续

    本文将详细介绍如何在JavaScript中准确判断两个日期(如`startDate`和`endDate`)是否连续,即`endDate`是否恰好是`startDate`的下一天。我们将通过比较日期的时间戳并考虑一天的毫秒数差异来实现这一逻辑,这在处理日历或预订系统中的单日预订场景时尤为实用。 日期连…

    2025年12月20日
    000
  • 在Google Pie Chart切片中添加百分比符号的专业指南

    在数据可视化中,尤其是在使用饼图(pie chart)展示比例数据时,直观地显示百分比是一个常见的需求。google charts是一个功能强大的javascript库,用于创建各种交互式图表。然而,直接在数据源(如sql查询)中拼接百分比符号,并不能被google charts正确解析为数值进行图…

    好文分享 2025年12月20日
    000

发表回复

登录后才能评论
关注微信