背景：

隨著微信小程序開始公測，我司也拿到了AppID，所以開始了微信小程序的趟坑之旅。

由于現(xiàn)在網(wǎng)上已經(jīng)有很多的《微信小程序從精通到入門》的教程了，所以就不再重復(fù)那些，只是講一下，在開發(fā)的過程中，如何使用本地（開發(fā)環(huán)境）的接口。

因為小程序的開發(fā)文檔中寫到了，wx.request中的URL只能是一個https請求，本地一般來講是不會有https的-.-

所以我們使用Charles代理來實現(xiàn)需求。

 

前提：

本人認為你現(xiàn)在已經(jīng)具備以下幾個條件：

0.  具有微信小程序開發(fā)的權(quán)限

1.  知道自家小程序后臺配置的信任域名都是什么-.-

2.  有一臺Mac（阿哈哈...無視...截圖來自Mac...Windows黨請多擔(dān)待）

 

準備工作：

首先我們需要安裝如下兩個軟件：

0.  安裝Charles，當然了，是個破解版的-.- 破解方法請自行百度，不贅述

1.  安裝微信web開發(fā)者工具

 

操作步驟：

到這一步，本人認為你已經(jīng)安裝好了上邊兩個軟件，并且可以正常運行咯。

0.    首先打開Charles，Help->SSL Proxying->Install Charles Root Certificate 安裝證書到本地

1.    在鑰匙串訪問中搜索 Charles 關(guān)鍵字，找到那個證書，點開后將信任選為始終信任

 

2.    打開 Tools->Map Remote 添加線上域名于本地（開發(fā)環(huán)境）服務(wù)的映射

3.    打開 Proxy->Proxy Settings

4.    選擇Proxies選項卡，默認的HTTP Proxy的值是8888，這個端口號需要記著，后邊在微信web開發(fā)者工具里邊要用到的

 

5.    選擇Mac OS X選項卡，點擊啟用如下兩個選項

6.    打開 Proxy->Mac OS X Proxy 啟用本地的代理服務(wù)

7.    這時，Charles已經(jīng)完成了本地服務(wù)代理線上服務(wù)的步驟，接下來就是微信web開發(fā)者工具中的一些設(shè)置

 

8.    在掃碼登錄后，點擊右上角代理的選項

9.    選擇手動設(shè)置代理，然后填寫本地的IP，以及前邊在Charles中設(shè)置的代理端口號（第5步）

 

10.  點擊保存后，來到微信小程序的項目中，在wx.request中直接填寫線上域名后，保存運行，你就會發(fā)現(xiàn)Charles中已經(jīng)收到了來自你本地的一些請求