微信開發(fā)如何做本機(jī)偵錯(cuò)？

假裝有人邀，剛好最近團(tuán)隊(duì)也碰到類似的問題，一點(diǎn)點(diǎn)經(jīng)驗(yàn)?zāi)脕矸窒硪幌隆?

只說說本地偵錯(cuò)。
通常微信web 端的頁面都需要發(fā)佈到外網(wǎng)，碰上極其難用複雜的發(fā)布系統(tǒng)，我們前端狗們也是吐槽無力，就算FTP 一來一回的方便，但本身這樣做就是不科學(xué)（優(yōu)雅）的搞法。因?yàn)閷?duì)於線上已有的版本，在沒開發(fā)測(cè)試完之前誰也不敢甩到外網(wǎng)。
在傳統(tǒng)的桌面 web 端開發(fā)流程裡，本地開發(fā)完成後的環(huán)節(jié)是測(cè)試聯(lián)調(diào)，所以先講講怎麼給設(shè)備配 HOST。

1. 給設(shè)備配 HOST

世界上最遙遠(yuǎn)的距離，你在外網(wǎng)，我在測(cè)試環(huán)境。

改變裝置的 HOST 檔案本身就是進(jìn)階（變態(tài)）玩法，所以預(yù)設(shè)是沒有權(quán)限來更改的。但是，iOS 裝置在越獄後，Android 裝置在 root 後你就能隨便亂來了，專門用來改host 檔案的應(yīng)用也是一搜一大把，當(dāng)然前提是你得把裝置越獄和 root 。
這兒只講講在沒有越獄和 root 的情況下怎麼給設(shè)備配 HOST。
主要的想法就是，透過一臺(tái)主機(jī)作為代理伺服器，手機(jī)透過 HTTP 代理連接過來，手機(jī)上所有的 HTTP 請(qǐng)求都經(jīng)過主機(jī)代理，這樣只要更改主機(jī)的 HOST 就可以達(dá)到目的了。
Team 就只有我和 ?@xzheng 兩個(gè)人，我們都是 MacbookPro 辦公的果狗，平臺(tái)比較統(tǒng)一所以比較好辦。
我們用到的工具：

• 一臺(tái)存取到WiFi 的iMac

• 任意多臺(tái)存取到同WiFi 網(wǎng)段的行動(dòng)設(shè)備，iOS 或Android 不限

• 用來開啟代理服務(wù)與抓包的應(yīng)用程式Charles ?(Charles Web Debugging Proxy ? HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Reverse Proxy)

• HOST 管理應(yīng)用程式Gas Mask (2ndalpha/gasmask · GitHub#)

#主要的步驟是：

1. 將iMac 和裝置都連接到同一WiFi 下，並保證他們?cè)谕痪W(wǎng)段，例如：
   iMac 192.168 .1.88
   iPhone 192.168.1.101

2. #透過Charles 開啟iMac 的代理服務(wù)，並擷取套件
   

   
   

3. 
   

   
   
   

4. 把裝置HTTP 代理程式設(shè)定為手動(dòng)，伺服器位址為iMac 的IP，連接埠號(hào)碼預(yù)設(shè)為8888

   
   

   
   
   

所以，整個(gè)的流程看起來是這個(gè)樣子的:順帶一提這樣做的一個(gè)好處，微信內(nèi)建的Webview 裡很多的JS API 是要申請(qǐng)權(quán)限的，（理論上）微信會(huì)對(duì)當(dāng)前URL 所在域名進(jìn)行權(quán)限校驗(yàn)。所以，如果不用與外網(wǎng)真實(shí)環(huán)境一致的網(wǎng)域就無法呼叫這些 API 的方法，HOST 就很好的避免了這個(gè)問題。 以上，手機(jī)上所有 http://dianhua.qq.com
# 的請(qǐng)求都經(jīng)由Charles 的代理來到了主機(jī)上，主機(jī)因?yàn)楸恍薷牧薍OST，
http://

#dianhua.qq.com

1. 的請(qǐng)求間接的被轉(zhuǎn)到了 HOST 檔案裡設(shè)定的 IP。
2. 2. 本地調(diào)試

   看到題主一遍一遍的提到Zend Studio 我就樂了，PHP狗來嘛，HOST 都解決了，本地調(diào)試還不簡(jiǎn)單：
   

3. 按上面提到的方法，將手機(jī)HTTP 代理連接到主機(jī)在主機(jī)上開啟一個(gè)本地環(huán)境，要問PHP 環(huán)境哪一個(gè)強(qiáng)，我默默地打住選了XAMPP
   將主機(jī)HOST 改到本機(jī)127.0.0.1

   http://######dianhua.qq.com######################

整個(gè)的過程是這樣的：


以上，手機(jī)上 http://dianhua.qq.com# 的請(qǐng)求經(jīng)由主機(jī)，在 HOST 檔案的影響下都跑去主機(jī)的 htdoc 目錄。
這邊保存，那邊刷新，巴適得其反得哭。

以上的範(fàn)例是 Mac 環(huán)境，Windows 下 Fiddler + Willow 的無敵組合是一樣的，如有需要可以試試。

這是我們做法，希望對(duì)題主有用，就這樣。

以上是微信怎樣進(jìn)行本地調(diào)試的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！