微信公眾號如何使用域名直接除錯本地開發環境程式碼的方案
阿新 • • 發佈：2018-11-03
微信公眾號，必須通過域名才能進行訪問。很多人除錯時，都是把程式碼打包放到伺服器上來除錯，發現問題本地修改，再次上傳除錯，這樣效率非常低。
我們通過這樣操作可以實現本地的直接除錯：
首先公眾號裡設定好域名，驗證域名所有者。
我們假設，域名為：http://wechat.hz300.com，npm run dev開啟的原生代碼除錯服務為：http://localhost:8090/。
再配置：
1、修改本地hosts，將wechat.hz300.com對映到127.0.0.1。修改c:\windows\system32\drivers\etc\hosts檔案即可。mac電腦修改/etc/hosts檔案。
2、設定本地代理轉發，將80埠轉發到8090埠。可使用各種代理轉發工具。我用的是自己寫的工具：https://github.com/hzsrc/dynamic-mocker，執行npm run proxy80即可。
設定完這一步，你就可以再電腦上使用微信開發者工具訪問域名http://wechat.hz300.com進行除錯了。訪問的走向是：wechat.hz300.com:80 => 127.0.0.1:80 => 127.0.0.1:8090，也就是你的原生代碼除錯服務。
3、如果需要用真機除錯，可以將手機與電腦連線同一個區域網絡，然後在電腦開啟一個抓包代理（用Fiddler2即可，mac可以Charles），再將手機的wifi代理設定為你的電腦ip及8888埠。這樣，在手機上訪問網路時，將通過抓包代理到你的電腦上。微信訪問http://wechat.hz300.com也將最終訪問到你的原生代碼除錯服務。