在单个 express 处理程序中处理 multipart/formdata、application/json 和 text/plain？

Question

我有一个快速演示服务器，它回显客户端向它发送的内容。

在学习活动中使用，客户端将使用 fetch API 进行 POST，例如：

fetch('http://localhost:5000/', {
  method: 'POST',
  body: JSON.stringify({ lab: 'fetch', status: 'fun' }),
  headers: messageHeaders
})

数据的body 将是字符串、JSON 或FormData。

我对 express 不是很熟悉，但我希望只有一条路线可以处理所有三种 body 类型。目前我无法弄清楚如何做到这一点。

我从 this SO post 开始，但该解决方案不适用于我的情况 - 我认为 res.format API 不允许我访问请求的正文，它似乎也不适用于多部分表单数据。

相反，我默认在潜在的中间件黑客配置中使用 body-parser 和 multer 包：

// if client POST body is a string, parse as text
app.post('/', bodyParser.text(), (req, res, next) => {
  const contentType = req.get('content-type');
  if (!contentType.includes('text/plain')) {
    return next();
  }
  res.write(JSON.stringify(req.headers, null, 2))
  res.write('\n\n')
  res.write(req.body)
  res.end()
});

// if client POST body is JSON, parse as JSON
app.post('/', bodyParser.json(), (req, res, next) => {
  const contentType = req.get('content-type');
  if (!contentType.includes('application/json')) {
    return next();
  }
  res.write(JSON.stringify(req.headers, null, 2))
  res.write('\n\n')
  res.write(JSON.stringify(req.body, null, 2))
  res.end()
});

// if client POST body is FormData, parse as form-data
app.post('/', upload.fields([]), (req, res, next) => {
  const contentType = req.get('content-type');
  if (!contentType.includes('multipart/form-data')) {
    return next();
  }
  res.write(JSON.stringify(req.headers, null, 2))
  res.write('\n\n')
  res.write(JSON.stringify(req.body, null, 2))
  res.end()
});

是否有更标准或“更好”的模式来实现此功能？也许我只需要编写一个处理程序？

Answer 1

一个更简洁的解决方案可能是将中间件作为数组传递给特定的路由，它最终会被解析。

app.post('/notes', [urlencodedParser, multiPart.array("files", 5)], (req, res)=> {
   //do what you want
   console.log(req.files);// to get the files
   console.log(req.body);// to get the body 
})

不过，您可以使用app.use(middleware:parser);，但请注意，这样一来，将为您的应用程序中 express 处理的所有路由调用中间件函数。

所以我认为在需要这种动力的特定路线上处理它更整洁，并且可能具有更好的性能。

Answer 2

我想我只是误解了表达概念（这可能是一个糟糕的问题）。

我假设我必须在我的路由中使用这些正文解析函数（multer/upload.fields、bodyParser）作为回调，例如：

router.post('/', /* parsing callback */, function(req, res) {
  // ..
});

或者我可以在路由中使用解析器，例如：

router.post('/', function(req, res) {
  if (condition) {
     /* parserA */
  } else {
     /* parserB */
  }
});

对于前者，我不确定如何在单个路由中为不同的内容类型使用多个解析器，而对于后者，我实际上找不到直接使用解析器的 API 签名（这仍然是一个对我来说有点奇怪，也许我搜索得不够好？）。

但在任何情况下，我都能够通过使用路径之外的所有解析器将我的代码压缩成一条更清晰的路径。最终代码看起来更像：

const upload = multer();
app.use(upload.fields([]));
app.use(bodyParser.json());
app.use(bodyParser.text());

app.post('/', (req, res) => {

  res.write(JSON.stringify(req.headers, null, 2))
  res.write('\n\n')

  const contentType = req.get('content-type');

  if (contentType.includes('text/plain')) {
    res.write(req.body)
  }

  if (contentType.includes('application/json') ||
      contentType.includes('multipart/form-data')) {
    res.write(JSON.stringify(req.body, null, 2))
  }

  res.end()

});

在这里，对于每个请求，我基本上在应用程序顶部调用了所有三种类型的解析器（字符串、json、formdata），并且只有适当的解析器才会真正修改req.body财产。因此，在路由本身中，我可以根据内容类型发回数据，并进行适当的解析。

编辑：@Keith 指出这种实现可能性能较差，因为每个请求都会调用解析器，因此它不一定是“更好”的解决方案。