官方介紹Zan Proxy是一個用Node.js編寫的HTTP代理服務器，可用於修改請求地址和模擬響應數據。它同時也是一個自定義DNS解析和請求監控的工具。 該代理服務器有人性化的界面，簡單易用。我們還為開發者提供瞭高級插件機制來自定義代理行為。Githubhttps://github.com/youzan/zan-proxy主要功能特性自由轉發連通線上環境與本地電腦無論是線上環境還是預發環境，都可以輕松地將資源請求（js/css）與接口請求轉發到本地電腦，達到用本地電腦調試線上頁面的效果。支持 HTTPS、WebSocket，支持轉發規則的共享。規則同步一步打造團隊業務專屬規則無需手動同步。利用遠程規則功能，將線上的規則同步給團隊成員，從而保證團隊內部規則統一。一鍵秒切 Host沒有瀏覽器緩存無需改host文件，沒有瀏覽器緩存，DNS解析一鍵修改，輕松解決開發者的環境切換問題Mock 接口數據並行開發更高效無需等待接口開發完成，即可調試，減少不必要的等待的時間， mock 數據接口讓並行開發成為可能。通過插件擴展，還可以轉發到第三方 mock 數據平臺。代理監控請求響應一目瞭然監控所有經過 ZanProxy 的請求，支持移動端請求抓包，提供的開發體驗支持自定義插件靈活擴展可以通過自定義插件定制代理行為，滿足各種場景下的自定義代理需求安裝配置筆者環境是Windows，因為官方文檔上剛好沒有詳細介紹，因此咱們就來一起在Windows下安裝配置一下，而且我相信在Linux上根本不是問題環境前提首先需要安裝npm，需要使用npm進行安裝，這裡我假設你已經安裝瞭npmyarn global add zan-proxy
# npm i -g zan-proxy安裝完檢測一下zan-proxy –version安裝openssl在windows下安裝ZanProxy的一個小復雜之處就在安裝openssl，網絡上也有很多教程，在本文中，將會非常簡單，稍後也會把用到的軟件打包分享，軟件名是Win64OpenSSL-1_1_1g，也可自行搜索安裝安裝完成後將安裝目錄的bin文件夾配置到系統環境變量中即可完成openssl的安裝此方法是我目前見過比網上很多教程簡單的多的一個方法，大傢可以參考啟動ZanProxy安裝完成後就可以啟動ZanProxy瞭zan-proxy如果成功會默認打開瀏覽器啟動參數可配置指定代理端口 zan-proxy -p 8002指定管理服務器端口 zan-proxy -u 40002查看所有命令 zan-proxy -h大傢根據自己的需要配置即可，以上就是安裝過程，接下來要配置證書，用於遠程調試，證書文件我會放在鏈接裡，文檔中實在Mac下，筆者是在Windows下，安裝大致類似完成即可，以上是在windows下進行調試的，Android的請參考官方文檔，接下來離完全可以使用還需要一個簡單的配置，建議安裝Chrome的插件SwitchyOmega，我也會放到鏈接中，用SwitchyOmega的目的是很方便的進行代理切換瀏覽器中使用瀏覽器不管是在Windows還是MacOS，亦或者是在Linux下都是一樣的，首先啟動ZanProxy，默認代理端口是8001，我們簡單配置測試一下配置SwitchyOmega新建情景模式，然後使用http代理即可，端口是8001，局域網下可配置局域網ip，如下圖，然後在你需要調試的頁面選擇此情景即可請求監控總結具體到點的使用大傢可以看文檔瞭，本文主要還是講解一下安裝部分，其中Host管理、Http轉發、Mock和插件部分大傢可以隨心所欲，文檔中都非常詳細，假如你想調試手機上的請求，你可以安裝證書後配置代理進行遠程調試，非常簡單，enjoy it！PS：軟件和插件我都會打包放到鏈接，私信‘20200623’會自動進行回復，感謝大傢的支持!我會一如既往的分享實用開源項目、實用技巧以及實用軟件，歡迎大傢關註我！您的轉發和評論將是對我最大的支持，謝謝大傢！