如何将 MSW 与 Shell Bash 一起使用

在开发过程中，很多时候我们需要模拟服务器数据，但开启一个本地服务又很麻烦。这时候，一个开源的库 MSW 就非常有用了。它可以让我们在本地拦截 HTTP 请求并返回数据，实现 mock 数据的功能。

但有时候，我们需要在 Shell Bash 中使用 MSW，比如通过终端发起 HTTP 请求。那么怎么做呢？下面就来一步一步介绍。

1. 安装 MSW

首先，我们需要安装 MSW。可以通过 npm 安装：

npm install msw -D

或 yarn 安装：

yarn add msw --dev

2. 创建一个 MSW 的 mock 服务

我们可以在项目的根目录下创建一个名为 server.js 的文件，这个文件就是我们创建的 mock 服务。下面是一个简单的例子：

const { createServer } = require('http')
const { setupServer } = require('msw/node')
const handlers = require('./handlers')

const server = createServer(setupServer(...handlers))

server.listen(3000, () => {
  console.log(`Mock server running at http://localhost:${server.address().port}`)
})

在上面的代码中，我们导入了 MSW 库和 handlers 对象，然后创建了一个 HTTP 服务并启动。handlers 对象是我们可以设置的一组请求的处理函数。比如，我们可以设置一个处理函数来处理 GET /users 的请求：

// handlers.js
const { rest } = require('msw')

module.exports = [
  rest.get('/users', (req, res, ctx) => {
    return res(ctx.status(200), ctx.json([
      { id: 1, name: 'Alice' },
      { id: 2, name: 'Bob' },
      { id: 3, name: 'Charlie' },
    ]))
  }),
]

这个处理函数会在在本地启动一个服务器，监听 http://localhost:3000/，并将 GET /users 的请求返回一个包含三个用户的 JSON。

3. 在 Shell Bash 中使用 MSW

现在我们已经有了一个 MSW 的 mock 服务，下面我们就可以在 Shell Bash 中使用了。具体方式是，我们可以使用 curl 命令模拟 HTTP 请求，并将请求发送给我们的 mock 服务。

比如，我们可以执行下面的命令，查看 GET /users 的响应：

curl http://localhost:3000/users

或者，我们也可以将 JSON 响应保存到文件中：

curl http://localhost:3000/users > users.json

好了，这就是我们将 MSW 和 Shell Bash 一起使用的方法。如果你想了解更多关于 MSW 的用法，可以参考它的文档。