1. 說一下背景

在日常開發或者測試工作中，經常會因為下游服務不可用或者不穩定時，通過工具或者技術手段去模擬一個HTTP Server，或者模擬所需要的接口數據。

這個時候，很多人腦海里，都會想到可以利用Mock技術來解決，
當說起Mock，對于發、測試來說，是老生常談的話題了，之前公眾號也分享過很多關于此類的技術文章。市面上Mock工具有很多，比如Charles、Fiddler，但這些雖然都能實現Mock，但是在操作上相對來說還是比較麻煩，抓了包才能修改返回結果。并且對于一些復雜的開發測試場景，也很難得到滿足。

今天就給大家推薦一款測試開發神器：Mockoon, 它采用的是非侵入式，能夠實時修改返回結果。

2. Mockoon介紹

Mockoon 被官方稱為：一款在地運行模擬API最簡單，最快的解決方案。無需遠程部署，無需帳戶，并且是開源的。

它是利用Electron構建的，可以在Windows（exe），Linux（deb，rpm，Appimage和Snap）和MacOS（dmg或brew）上使用。官網地址：mockoon.com

下載地址:

https://mockoon.com/#download

功能特點:

從官網中可以看出，Mockoon 是一個可以通過圖形化界面幫我們快速搭建 API 服務的工具，并且支持數據模擬、路由解析、跨域訪問、HTTPS、自定義延時、Docker 等等各種你想要的功能，同時支持支持 Windows、Mac、Linux，頁面整體結構是這樣子的：

3. Mockoon基礎使用

Mockoon布局，和 PostMan 有異曲同工之妙啊。

比如，在左側可以配置一個個請求列表，點進去可以在右側配置詳情，比如配置是 GET 還是 POST 請求，path 是什么，Response Body 是什么，Response Headers 是什么，另外還有一些規則和基礎設置。

另外在最上面我可以配置運行的 host 和 port，然后左上角還有一個運行按鈕，一點就相當于啟動了 Server 了，啟動之后按鈕就會變成紅色，再按一下就會停止，比如這里我就配置了運行在本地 3000 端口：

然后可以根據自定義需求，修改響應Body：

{
  "Templating example": "For more information about templating, click the blue 'i' above this editor",
  "users": [
    {{# repeat (queryParam 'total' '10') }}
      {
        "userId": "{{ faker 'random.number' min=10000 max=100000 }}",
        "firstname": "{{ faker 'name.firstName' }}",
        "lastname": "{{ faker 'name.lastName' }}",
        "friends": [
          {{# repeat (faker 'random.number' 5) }}
            {
              "id": "{{ faker 'random.uuid' }}"
            }
          {{/ repeat }}
        ]
      },
    {{/ repeat }}
  ],
  "total": "{{queryParam 'total' '10'}}"
}

然后接下來配置跨域訪問，就加一個 Response Header（根據需要，可選）：

Access-Control-Allow-Origin: '*'

然后點擊左上角的運行按鈕就成了。
Mockoon 還提供了快捷訪問的功能，接著點右上角的打開按鈕：

瀏覽器就打開了，然后數據就看到了：

這樣，我們通過非常簡單的可視化配置就完成了 API Server 的搭建，熟練的話一分鐘就完成了。

4. Mockoon進階使用

有時，您可能只需要模擬API的一部分，然后將其余部分轉發到現有的REST服務器。幸運的是，您可以使用Mockoon做到這一點

通過單擊右上角的齒輪來打開環境設置：

啟用代理模式，然后輸入要將轉發到的服務器URL。在環境名稱的右側應出現一個小的盾牌圖標，指示已啟用代理模式：

Mockoon將攔截所有已定義的路由，并將任何其他請求轉發到代理模式設置中定義的服務器。

瀏覽器打開: http://0.0.0.0:3000/api/aitest 地址即可拿到結果，body中隨時修改內容都會立即生效，不需要再次啟動任何東西

打開瀏覽器訪問：

這樣一個基本的Mock就實現了，下面我們來說下使用LightProxy工具做代理轉發

5. LightProxy工具

5.1 簡介

LightProxy 是 阿里巴巴IFE 團隊開發的一款基于 Electron 和 whistle 的開源桌面代理軟件，可以自動完成證書安裝和代理設置，通過 HTTP 代理使用規則轉發、修改每一個請求和響應的內容。

項目地址：

https://github.com/alibaba/lightproxy

5.2 它能幫你做什么：

• 抓包，包括無線場景抓包
• 實時 hosts 綁定
• 按規則轉發資源
• mock 接口，頁面等
• 修改請求和響應內容，例如在頁面中插入 script ，修改返回頭等

一句話總結：LightProxy是一款全能代理抓包工具，通過基于 whistle 的代理能力，能夠任意修改開發環境中的 request 和 response ,夠讓你隨心所欲的掌控自己當前的開發或者測試環境。

本地開發：

git clone https://github.com/alibaba/lightproxy
cd lightproxy
yarn run install-deps
yarn run dev

下載安裝：

Windows下載: https://gw.alipayobjects.com/os/LightProxy/LightProxy-Setup.exe
Mac下載: https://gw.alipayobjects.com/os/LightProxy/LightProxy.dmg

5.3 配置

以PC端轉發為例：

1、打開LightProxy工具，編輯時，會自動提生成安裝證書命令，直接復制在命令行中執行即可。

2、新建代理轉發規則配置，這就相當于將該域名所有請求轉到我本地配置的mock工具上

上述兩條規則解釋：

• 1、訪問http://www.rzrgm.cn/jinjiangongzuoshi/請求時，自動轉發到http://localhost:3000/users接口上。
• 2、將www.rzrgm.cn域名所有請求轉發到localhost:3000上
  

同理，此時如果訪問http://www.rzrgm.cn/users，也同樣會轉發到localhost:3000上。

這樣無論是在手機端或pc端 訪問指定域名下所有請求都會轉向到對應mock工具中，然后再根據路徑和請求類型獲取配置的返回結果。

更多例子

1、例如當我們需要在線上頁面中加入一個 DIV ，如果沒有代理我們需要依賴后端一套類似的預發環境，而有了 LightProxy 我們只需要使用：

https://www.alibaba.com/ htmlPrepend://(<div>test</div>)

就可以在一個線上的頁面中插入一個 div 。

2、同樣的，我們可以直接把頁面中的一個 JS 轉發到本地一個開發中的文件

https://www.google.com/xx.js file:///User/xxx/xxx.js

3、當后端缺少 CORS 頭時，我們可以直接給它先加上 CORS 頭

https://xxx.com/xx.json resCors:// # 給響應的請求增加 CORS header

總體來說：LightProxy 能夠讓開發人員或者測試人員完全掌控自己的開發測試環境，用極低的成本定制自己的開發環境，而不是總是在等待依賴方按照自己的需求提供相應的環境。

甚至于，你可以自己用 NodeJS 書寫針對某個規則的響應

更詳細使用可參考：

https://github.com/alibaba/lightproxy/issues/19

6. 小結

除此之外，Mockoon 還支持命令行，比如通過 mockoon-cli 就可以快速創建一個 API Server，如圖所示：

命令行的使用和安裝可以參考：

https://github.com/mockoon/cli#installation

另外無論是Mockoon還是LightProxy，還有太多功能，比如 HTTPS、多請求處理、日志、路由、模板配置這里就不再一一敘述了，用到的時候大家查要文檔就好啦

https://mockoon.com/docs/latest/gui-cheat-sheet/
https://mockoon.com/docs/latest/multiple-responses/
https://mockoon.com/docs/latest/requests-logging/
https://mockoon.com/docs/latest/cors/
https://mockoon.com/tutorials/

以上便是今天的分享，更多功能期待你的探索！