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


背景:

隨着微信小程序開始公測,我司也拿到了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 安裝證書到本地

undefined line-numbersundefined line-numbers

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

undefined line-numbers

undefined line-numbers

 

2.    打開 Tools->Map Remote 添加線上域名於本地(開發環境)服務的映射

undefined line-numbers

undefined line-numbers

undefined line-numbers

3.    打開 Proxy->Proxy Settings

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

undefined line-numbers

 

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

undefined line-numbers

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

undefined line-numbers

7.    這時,Charles已經完成了本地服務代理線上服務的步驟,接下來就是微信web開發者工具中的一些設置

 

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

undefined line-numbers

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

undefined line-numbers

 


10.  點擊保存后,來到微信小程序的項目中,在wx.request中直接填寫線上域名后,保存運行,你就會發現Charles中已經收到了來自你本地的一些請求😄

undefined line-numbers

 

 

 
轉載請署原文地址: https://jiasm.github.io/#/blog/36f116c0-aa64-11e6-a1ed-8fca2e8c7bc3

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM