背景：

隨著微信小程序開始公測，我司也拿到了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中已經收到了來自你本地的一些請求