如何在小程序中調用本地接口

背景：

隨着微信小程序開始公測，我司也拿到了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