LightProxy是阿里旗下一款穩(wěn)定、高效的去全能代理抓包工具，它主要基于Whistle編寫(xiě)，可以自動(dòng)完成證書(shū)安裝和代理設(shè)置等，能夠幫助廣大的前段開(kāi)發(fā)人員精準(zhǔn)掌握當(dāng)前開(kāi)發(fā)環(huán)境。

功能說(shuō)明

抓包，包括無(wú)線(xiàn)場(chǎng)景抓包

實(shí)時(shí) hosts 綁定

按規(guī)則轉(zhuǎn)發(fā)資源

mock 接口，頁(yè)面等

修改請(qǐng)求和響應(yīng)內(nèi)容，例如在頁(yè)面中插入 script ，修改返回頭等

特點(diǎn)介紹

穩(wěn)定

好的開(kāi)發(fā)環(huán)境首先應(yīng)該是穩(wěn)定可用的，不應(yīng)該在開(kāi)發(fā)測(cè)試的過(guò)程中頻繁掛掉或者頻繁發(fā)生改變。

依賴(lài)于后端日常接口進(jìn)行調(diào)試的前端對(duì)這點(diǎn)應(yīng)該深有體會(huì)，自己的問(wèn)題還沒(méi)解決，環(huán)境就時(shí)常帶來(lái)新的問(wèn)題。

快速驗(yàn)證

修改代碼能夠在盡可能短的時(shí)間內(nèi)得到驗(yàn)證也是一個(gè)基本訴求，這也是為什么大部分前端構(gòu)建都會(huì)關(guān)注 Hot reload 和更高級(jí)的 HMR 。

有些場(chǎng)景下的修改一次簡(jiǎn)單的修改就要經(jīng)過(guò)長(zhǎng)時(shí)間的等待，例如依賴(lài)上游修改接口的返回內(nèi)容，需要修改后端的頁(yè)面結(jié)構(gòu)然后重新部署，需要走一遍完整的發(fā)布流程來(lái)測(cè)試某個(gè)修改在真實(shí)的線(xiàn)上頁(yè)面會(huì)產(chǎn)生的影響等等。

和線(xiàn)上的一致性

很多項(xiàng)目的線(xiàn)上環(huán)境極為復(fù)雜，為了解決日常開(kāi)發(fā)中的問(wèn)題，也會(huì)有一個(gè)線(xiàn)下的 DEMO 頁(yè)面，最后開(kāi)發(fā)完再搬到線(xiàn)上。

這種方式相對(duì)來(lái)說(shuō)較為穩(wěn)定且能快速驗(yàn)證，但比較凸顯的問(wèn)題在于和線(xiàn)上并不一致。開(kāi)發(fā)中會(huì)存在很多 if-else 的邏輯，例如最常見(jiàn)的：

const API_BASE = utils.isDaily ? 'http://localhost:7001:': 'https://xxxx/';

這種情況也往往導(dǎo)致 Bug 非常難以被定位，最后逼著開(kāi)發(fā)者退化到在線(xiàn)上環(huán)境低效的進(jìn)行 debug。

確定性

開(kāi)發(fā)者對(duì)于當(dāng)前的環(huán)境應(yīng)該是有確切認(rèn)知的，而不是一直不停的懷疑自己的配置到底有沒(méi)有生效，命中的是不是又是緩存等等。

有些情況下我們利用 hosts 切換工具來(lái)進(jìn)行聯(lián)調(diào)，但在切完 hosts 后卻又不得不來(lái)回確認(rèn)自己的切換是否生效，清楚 Chrome 的 DNS Cache，清楚 Socket 之類(lèi)的。

這種非確定性不但提高了開(kāi)發(fā)者心智負(fù)擔(dān)，而且也會(huì)導(dǎo)致 Bug 難以定位。

使用說(shuō)明

安裝

打開(kāi) DMG 后，把 LightProxy 拖動(dòng)到 Application 中

#啟動(dòng)

在應(yīng)用列表中啟動(dòng) LightProxy ，第一次啟動(dòng)時(shí) LightProxy 會(huì)詢(xún)問(wèn)兩次密碼，這是用于安裝輔助程序和自動(dòng)安裝證書(shū)。

然后我們就會(huì)看到如圖的界面，默認(rèn)規(guī)則中有一些規(guī)則是為了不影響日常的日用軟件，例如 Apple Store 等，如果你確定要代理這些域名可以注釋掉它們