這款工具開源已經(jīng)有些時(shí)間了，目前在master已經(jīng)有188個(gè)提交記錄，已經(jīng)過百的提交記錄應(yīng)該還算比較積極在更新這個(gè)項(xiàng)目了，我們來(lái)看張圖片也是他們對(duì)這個(gè)項(xiàng)目的編碼頻率。

編碼頻率

lightproxy是什么？

阿里巴巴這樣的大公司，最不缺的就是人，最缺的也是人，比如他們?nèi)钡氖琼敿?jí)的工程師，不缺的是大量的初級(jí)工程師，該公司旗下活躍最高的產(chǎn)品比如淘寶，支付寶都是需要大量的技術(shù)人員參與開發(fā)。

今天我們的主角就是一款在mac windwos上都能運(yùn)行的抓包工具，可以說是一款LightProxy 全能代理抓包工具，用了這個(gè)工具你就不想再切換其他工具了。

LightProxy 是 IFE 團(tuán)隊(duì)開發(fā)的一款基于 Electron 和 whistle 的開源桌面代理軟件，致力于讓前端開發(fā)人員能夠精確的掌握自己的開發(fā)環(huán)境，通過 HTTP 代理使用規(guī)則轉(zhuǎn)發(fā)、修改每一個(gè)請(qǐng)求和響應(yīng)的內(nèi)容。下載地址：https://gw.alipayobjects.com/os/LightProxy/LightProxy-Setup.exe

lightproxy軟件界面

前端為什么需要一個(gè)代理工具

因?yàn)榇砉ぞ吣軌蜃屇汶S心所欲的掌控自己當(dāng)前的開發(fā)環(huán)境。

開發(fā)環(huán)境是影響研發(fā)效能最大的一個(gè)因素之一，不可用的環(huán)境，無(wú)法完成的部署，不穩(wěn)定的上游環(huán)境等等都讓一個(gè)非常簡(jiǎn)單的需求輕松消耗掉數(shù)天的時(shí)間。

當(dāng)開發(fā)環(huán)境陷入一種不健康的狀態(tài)時(shí)，開發(fā)者就更容易破罐子破摔。寧可忍受每改一行代碼重新手動(dòng) build 幾分鐘再開發(fā)也不愿意花時(shí)間讓 watch 可用，然后發(fā)現(xiàn)自己越來(lái)越忙亂。

當(dāng)你的接口和頁(yè)面突然不能工作時(shí)，代理工具可以快速 mock 一個(gè)。當(dāng)你想測(cè)試一下線上頁(yè)面改動(dòng)可能會(huì)帶來(lái)的后果，代理工具可以讓你不經(jīng)過復(fù)雜的發(fā)布過程快速在本地看到想要的效果。

什么樣的環(huán)境能夠讓我們隨心所欲

第一個(gè)肯定是希望環(huán)境能夠穩(wěn)定，別搞一下就服務(wù)器繁忙，打不開訪問不了等等，穩(wěn)定的環(huán)境可以讓我們快速定位網(wǎng)絡(luò)問題出現(xiàn)的原因。

和線上的一致性

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

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

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

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

確定性

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

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

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

LightProxy 能幫你做什么

• 抓包，包括無(wú)線場(chǎng)景抓包
• 實(shí)時(shí) hosts 綁定
• 按規(guī)則轉(zhuǎn)發(fā)資源
• mock 接口，頁(yè)面等
• 修改請(qǐng)求和響應(yīng)內(nèi)容，例如在頁(yè)面中插入 script ，修改返回頭等

在啟動(dòng) LightProxy 后，系統(tǒng)代理就會(huì)被自動(dòng)設(shè)置到 LightProxy 上。

點(diǎn)擊主界面的 Whistle 標(biāo)簽頁(yè)就能看到 whistle 提供的抓包界面

當(dāng)我們?cè)L問 https://www.bing.com 時(shí)，就能在界面上看到相應(yīng)的請(qǐng)求細(xì)節(jié)。

手機(jī)抓包

如果需要對(duì)手機(jī)的網(wǎng)絡(luò)請(qǐng)求進(jìn)行抓包，請(qǐng)參考 無(wú)線代理

注意：LightProxy 默認(rèn)不在局域網(wǎng)可見，對(duì)手機(jī)抓包必須要點(diǎn)一下手機(jī)代理 Tab 才會(huì)開啟局域網(wǎng)可見

官網(wǎng)地址：https://lightproxy.org/zh-CN