我可以通过克隆真实服务器响应来设置模拟服务器吗？

Question

TL;DR

是否有工具可以记录我访问网站时的所有网络活动并创建一个模拟服务器，以相同的响应响应这些请求？

我正在研究模拟我们的 React 应用程序的复杂后端的方法。我们目前正在针对真正的后端（加上测试/登台环境）进行开发。我环顾四周，发现有许多工具可以模拟单个端点/功能并将其余部分发送到真正的 API（目前 Mirage 处于领先地位）。

然而，柏拉图式的理想是模拟整个服务器，这样前端开发人员就可以在没有互联网连接的情况下工作（同样：柏拉图式的理想）。这是一个疯狂的崇高目标，我知道这一点。当然，它不仅需要模拟我们的后端，还需要模拟任何第三方数据源。当然，数据会很薄，很愚蠢和陈旧。但这只是为了超快速的前端开发，它只是在嘲笑。数据不需要很丰富，我们可以根据需要将其变得有用/真实。

可能最快的方法是重新创建后端已经发送的响应，然后根据需要修改新功能或正在测试的功能等。 为此，我们可能会进入 Chrome DevTools 并在网络选项卡上重新创建所有内容。模拟通过硬编码返回的响应发出的每个请求。从那里开始，做一些聪明的事情，比如使用 url 模式匹配来为任何获取用户头像的请求返回一个简单的占位符图像。

我想知道的是：是否有任何工具可以自动执行此操作？当我加载网站、点击一堆东西、采取一堆动作、吐出或设置一个模拟来重新创建所有响应时，它可以观看吗？然后我们可以按照我们认为合适的方式编辑其中的任何一个以简化。

这样的东西存在吗？也许它是一个浏览器工具。也许是 webpack 中间件。也许它是一只神奇的公鸡。

PS。我想这对于 SO 来说可能不是一个具体的、可操作的足够问题。我会理解它是否已关闭，但我真的很感激被引导到适合此类问题/讨论的地方？我对这个世界还很陌生，所以我知道的就是这样！

Answer 1

有一种做法叫service virtualization - a subset of the test double family。

Wikipedia has a list of tools 你可以使用它来做到这一点。以下是该列表中的几个示例：

• 开源Wiremock will let to record the mocks and edit the responses programmaticaly
• 商业Traffic Parrot will let you record the mocks and edit the responses via a UI and/or programatically

Answer 2

https://mswjs.io/ 可以为您模拟所有请求。它拦截所有客户的请求并返回您定义的模拟数据。