背景:
隨着微信小程序開始公測,我司也拿到了AppID,所以開始了微信小程序的趟坑之旅。
由於現在網上已經有很多的《微信小程序從精通到入門》的教程了,所以就不再重復那些,只是講一下,在開發的過程中,如何使用本地(開發環境)的接口。
因為小程序的開發文檔中寫到了,wx.request中的URL只能是一個https請求,本地一般來講是不會有https的-.-
所以我們使用Charles代理來實現需求。
前提:
本人認為你現在已經具備以下幾個條件:
0. 具有微信小程序開發的權限
1. 知道自家小程序后台配置的信任域名都是什么-.-
2. 有一台Mac(阿哈哈...無視...截圖來自Mac...Windows黨請多擔待)
准備工作:
首先我們需要安裝如下兩個軟件:
0. 安裝Charles,當然了,是個破解版的-.- 破解方法請自行百度,不贅述
1. 安裝微信web開發者工具
操作步驟:
到這一步,本人認為你已經安裝好了上邊兩個軟件,並且可以正常運行咯。
0. 首先打開Charles,Help->SSL Proxying->Install Charles Root Certificate 安裝證書到本地
1. 在鑰匙串訪問中搜索 Charles 關鍵字,找到那個證書,點開后將信任選為始終信任
2. 打開 Tools->Map Remote 添加線上域名於本地(開發環境)服務的映射
3. 打開 Proxy->Proxy Settings
4. 選擇Proxies選項卡,默認的HTTP Proxy的值是8888,這個端口號需要記着,后邊在微信web開發者工具里邊要用到的
5. 選擇Mac OS X選項卡,點擊啟用如下兩個選項
6. 打開 Proxy->Mac OS X Proxy 啟用本地的代理服務
7. 這時,Charles已經完成了本地服務代理線上服務的步驟,接下來就是微信web開發者工具中的一些設置
8. 在掃碼登錄后,點擊右上角代理的選項
9. 選擇手動設置代理,然后填寫本地的IP,以及前邊在Charles中設置的代理端口號(第5步)
10. 點擊保存后,來到微信小程序的項目中,在wx.request中直接填寫線上域名后,保存運行,你就會發現Charles中已經收到了來自你本地的一些請求😄
轉載請署原文地址: https://jiasm.github.io/#/blog/36f116c0-aa64-11e6-a1ed-8fca2e8c7bc3