Nginx 正式拥抱现代 JavaScript

作者:前端充电宝

原文:mp.weixin.qq.com/s/PYCi9jY0b...

说起 Nginx,大多数人的印象的可能是:高性能、稳定、省资源、配置简单。确实,这个用 C 语言写出来的服务器工具,十几年来一直在互联网基础设施中扮演着"守门员"的角色。

但话说回来,Nginx 虽然快,但"太静态"也是它的一个老问题。

随着前后端分离、边缘计算、接口鉴权、灰度路由等需求变多,越来越多开发者发现,仅靠传统的配置语法已经不够用了。我们需要在转发请求前"想一想"、拦截一下、判断一下,有时候还得去后端接口问一嘴。

于是,njs 出现了 ------ Nginx 官方推出的 JavaScript 模块,终于让你可以在配置里写点"逻辑"。

njs:灵活但不够现代

一开始,njs 确实解决了不少痛点。但遗憾的是,它早期的语法支持非常有限,大致相当于 ES5 + 一丢丢 ES6。这对于写点简单逻辑还够用,但对于习惯了 import/exportasync/await 的现代 JavaScript 开发者来说,简直像突然穿越回了 2012 年。

模块不能用,异步没法写,语法老旧,开发体验也跟不上。用 JavaScript 写配置这件事,听上去是件美事,但真写起来经常让人感到"绑着手脚跳舞"。

新引擎来了,JS 真正落地 Nginx

就在最近,Nginx 官方悄悄宣布:njs 引入对 QuickJS 的支持

这个变化乍一看不大,但对 JavaScript 开发者来说,影响是质的飞跃。

QuickJS 是一个超轻量 JavaScript 引擎,体积只有 367 KiB,却支持完整的 ES2023 标准。这意味着你可以在 Nginx 脚本中使用:

  • import/export 模块系统
  • async/await 异步语法
  • 异步生成器、Proxy、BigInt 等现代能力

这不是"小打小闹"的扩展,而是真正意义上的"现代 JavaScript 编程"跑在 Nginx 里了。

JS 能在 Nginx 里干啥?

以前你可能只能在配置里写点 if 判断、拼个 URI 之类的小逻辑,现在则可以做更"工程化"的事:

  • 根据请求内容动态分发路由,像写 Express 一样
  • 做一个轻量级的接口验证逻辑,不用走后端
  • 异步生成日志数据,根据条件写不同格式
  • 自定义 header、body 处理逻辑,更灵活地转发请求

比如下面这个"接口认证"代码:

javascript 复制代码
async function auth(r) {
  const resp = await ngx.fetch("http://auth-service/validate", {
    method: "POST",
    body: JSON.stringify({ token: r.headersIn['Authorization'] })
  });

  if (resp.status !== 200) {
    r.return(401, "Unauthorized");
  }
}

很 Node.js,对吧?但它运行在 Nginx 里,零依赖,零服务扩展。

为什么 JS 会在这儿火起来?

我们不妨换个角度看这个问题:Nginx 为啥愿意引入 JS?

答案其实不复杂:

  • JS 开发者太多了,门槛低、学习成本小
  • 写配置逻辑比 DSL 清晰太多,容易调试
  • 同样的逻辑,写 JS 更灵活、可读性强
  • 工具链一体化,前后端协同更自然

以前大家爱用 Lua,但 Lua 太冷门,生态小,现代语法也不行。Node.js 太重,把整个引擎塞进去不现实。而 QuickJS 折中得刚刚好:够现代、够小、够快,完美贴合 Nginx 的设计哲学。

不是突然闯进来,而是悄悄深入

其实 JavaScript "进入" Nginx,不是一夜之间发生的。

  • 一开始,只是能在配置里塞点小脚本
  • 后来有了 njs,可以写逻辑函数
  • 现在有了 QuickJS,能跑完整的现代 JS

一步步来,几乎没怎么惊动圈子,但回过头看,它已经成为 Nginx 脚本化能力的核心语言

这不像 Node.js 那样大张旗鼓搞服务端开发,更像是 JavaScript 在基础设施领域的一次"迂回作战"。

能用在什么地方?

如果你想知道具体能在哪用到,现在已经有不少落地场景:

  • 动态路由:按地域、时间、设备类型转发到不同服务
  • 自定义日志:记录用户行为、请求详情、命中规则等
  • 边缘拦截策略:做风控前置、做 IP 黑名单、做认证缓存
  • 前端工具联动:配合 Vite、Bun 做部署逻辑控制等

总之,原来只能在后端服务里搞的逻辑,现在可以在 Nginx 层就"截胡"了。

写在最后

JavaScript 一开始只是写网页的;后来写应用、写服务端、写桌面;现在连 Web Server 配置都能写了。

从 Node 到 Deno 到 Bun,再到 njs + QuickJS,JS 正在成为"写啥都行"的万能胶水语言

这一次,它没试图取代什么,只是在最不起眼的角落,把事情做得更顺、更灵活、更现代。

Nginx 还是那个 Nginx,但现在,它脑子里装了一块 JavaScript 的芯。

相关推荐
hard_coding_wang10 分钟前
使用layui的前端框架过程中,无法加载css和js怎么办?
javascript·前端框架·layui
香蕉可乐荷包蛋18 分钟前
vue3中ref和reactive的使用、优化
前端·javascript·vue.js
C墨羽22 分钟前
使用Gin框架构建高并发教练预约微服务:架构设计与实战解析
微服务·架构·golang·gin
勤奋的知更鸟26 分钟前
JavaScript 性能优化实战:深入性能瓶颈,精炼优化技巧与最佳实践
开发语言·javascript·性能优化
shinelord明29 分钟前
【计算机网络架构】环型架构简介
计算机网络·架构·计算机科学·通信·计算机技术
耶啵奶膘30 分钟前
css——width: fit-content 宽度、自适应
前端·css
40kuai31 分钟前
VictoriaMetrics 架构
架构
OEC小胖胖32 分钟前
前端框架状态管理对比:Redux、MobX、Vuex 等的优劣与选择
前端·前端框架·web