目录

17.Nest和Express的关系,如何切到fastify

目录

前面我们用的 Nest 的 request、response 对象都是 Express 的,而且 Nest 也支持 Express 的中间件机制。

那 Nest 和 Express 是什么关系呢?

Express 是一个处理请求、响应的库,它是这样用的:

const express = require('express')
const cookieParser = require('cookie-parser')
const cookieValidator = require('./cookieValidator')

const app = express()

async function validateCookies (req, res, next) {
  await cookieValidator(req.cookies)
  next()
}

app.use(cookieParser())

app.use(validateCookies)

app.use((err, req, res, next) => {
  res.status(400).send(err.message)
})

app.listen(3000)

通过 use 一个个中间件来处理请求、返回响应。

这种调用链叫做洋葱模型:

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5dd1dde7a5ac42f194ee6c3c13dfbf2f~tplv-k3u1fbpfcp-watermark.image?

基于中间件能完成各种功能。

但是 Express 只是一个处理请求的库,并没有提供组织代码的架构能力,代码可能写成各种样子。

所以企业级开发,我们会用对它封装了一层的库,比如 Nest。

Nest 提供了 IOC、AOP 等架构特性,规定了代码组织的形式,而且对 websocket、graphql、orm 等各种方案都提供了开箱即用的支持。

也就是说,用 Node 写一个 http 服务有三个层次:

  • 直接使用 http、https 的模块
  • 使用 express、koa 这种库
  • 使用 Nest 这种企业级框架

就像写 java 你还会直接处理 http 请求并手动集成各种方案么?

不会,会直接用 Spring 这种一站式企业级开发框架。

同样的道理, Nest 就是 node 生态里的 Spring。

但是 Nest 也没有和 Express 强耦合,它做了一层抽象:

定义了 :

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/737f4e28b4e04a0681338bbbaa91ec72~tplv-k3u1fbpfcp-watermark.image?

然后封装了 :

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2aedd2108f5948558b48e32515f09eff~tplv-k3u1fbpfcp-jj-mark:0:0:0:0:q75.image#?w=1288&h=1016&s=800739&e=png&b=1f1f1f

之后分别提供了 express 和 fastify 的实现:

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/45563511aff34a8890efb03088db5d12~tplv-k3u1fbpfcp-watermark.image?

https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ac036845aabe45e1ae942da5e3f28d83~tplv-k3u1fbpfcp-watermark.image?

Adapter 是适配器的意思,也就是说 Nest 内部并没有直接依赖任何一个 http 处理的库,只是依赖了抽象的接口,想用什么库需要实现这些接口的适配器。

你可以用 express,也可以灵活的切换成 fastify,对 Nest 没有任何影响。

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0785a342c5be4bb281be14a2392748b1~tplv-k3u1fbpfcp-watermark.image?

这俩适配器分别在 @nestjs/platform-express 和 @nestjs/platform-fastify 的包里:

https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/79700acb386b4273a64e0731f2ef9434~tplv-k3u1fbpfcp-watermark.image?

默认用的是 platform-express 的包:

https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/dec436a6d1b240cb8a44649d300dedcf~tplv-k3u1fbpfcp-watermark.image?

下面我们切换到 fastify 试试看:

nest new fastify-test -p npm

同样,先用 @nestjs/cli 创建个 nest 项目

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9ad59bc066ef4152b2fa2951ac583be1~tplv-k3u1fbpfcp-watermark.image?

然后把它跑起来:

nest start --watch

浏览器访问 看到 hello world 就是服务跑成功了:

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/310458702e914659a54a8cd5c94dee41~tplv-k3u1fbpfcp-watermark.image?

现在用的是默认的 express,我们切换到 fastify 试试看:

安装 fastify 和 @nestjs/platform-fastify:

npm install fastify @nestjs/platform-fastify

然后修改下 Nest 创建的方式:

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4a243dd5577b42d9b105ccf0beb765bf~tplv-k3u1fbpfcp-watermark.image?

改成这样:

https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/58a860f3c9c24c5d85c3837518c309e9~tplv-k3u1fbpfcp-watermark.image?

这个 FastifyAdapter 前面讲过,传入这个 adapter 之后,就切换到了 fastify 平台。

这里你还可以再传一个类型参数:

https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1c1767014d83455cb69862c28cc74238~tplv-k3u1fbpfcp-watermark.image?

这样返回的 app 就会提示 fastify 平台特有的方法了:

https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9b91dd5b6f85435db7b79a84c59713ce~tplv-k3u1fbpfcp-watermark.image?

这也是为什么之前我们要传入 NestExpressApplication 才有 useStaticAssets 方法:

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/13a07116cbc949369f1c32c95b33b41a~tplv-k3u1fbpfcp-watermark.image?

然后在 controller 里可以注入 fastify 的 request 和 reply 对象:

import { Controller, Get, Request, Response } from '@nestjs/common';
import { FastifyReply, FastifyRequest } from 'fastify';
import { AppService } from './app.service';

@Controller()
export class AppController {
  constructor(private readonly appService: AppService) {}

  @Get()
  getHello(@Request() request: FastifyRequest, @Response() reply: FastifyReply) {
    reply.header('url', request.url)
    reply.send('hello')
  }
}

我们注入了 fastify 的 request 和 reply 对象,然后用它来设置 header 发送响应:

https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aa142f5c756945e9821982873126f59b~tplv-k3u1fbpfcp-watermark.image?

https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1dd35f0b9ea64bac906d18f72b48bd5c~tplv-k3u1fbpfcp-watermark.image?

这里要注意的是一旦用 @Response 注入了响应对象,就不能通过 return 的方式来返回响应内容了,需要手动调用 res.send。

这点用 express 时也是一样。

很容易理解,因为你可能在方法里用 resposne 对象发送数据了,那如果 Nest 再把返回值作为响应内容,不就冲突了么?

当然,你也可以这样做:

https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5873e1f9eb3d44b5a6e930a75e9525b4~tplv-k3u1fbpfcp-watermark.image?

传个 passthrough 参数,代表不会在方法里自己发送响应内容。

这样返回值就生效了:

https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/80828b7f572a43958e6e33e0d265da46~tplv-k3u1fbpfcp-watermark.image?

最后,我们来思考下为什么 Nest 要做能够轻松切换 http 处理库呢?

因为 Nest 的核心还是在于 IOC、AOP 这些架构特性,像 express、fastify 只不过是请求、响应的方法不同而已,区别并不大。

如果强依赖于 express,万一有更好的 http 处理库怎么办?

这种加一层抽象和适配器的方式,能让 Nest 更加通用、灵活,有更强的扩展性。

案例代码在 。

总结

express 是基于中间件的洋葱模型处理请求、响应的库,它并没有提供组织代码的架构特性,代码可以写的很随意。

而为了更好的可维护性,我们都会用 Nest 这种一站式企业级开发框架。就像 java 里会用 Spring 框架一样。

Nest 底层是 express 但也不完全是,它内部实现是基于 interface 的,而且提供了 @nestjs/platform-express、@nestjs/platform-fastify 这两个 adapter 包。

这样就可以轻松的切换 express、fastify 或者其他的 http 请求处理的库。

这就是适配器模式的魅力。