微信小程序之使用本地接口开发
微信小程序之使用本地接口开发
微信小程序之使用本地接口开发
目录导航
一、解决思路
二、准备工作
三、配置Charles
四、配置开发工具
本文主要讲解如何使用本地接口进行开发,很多人都会遇到这个问题,特别是小程序上线后。
一、解决思路
在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。
以下示例的环境为win7 + 老版本的微信开发工具
二、准备工作
1.配置https域名
为小程序配置request合法域名,在登录公众号平台去设置。
2.安装Charles
下载地址:https://www.charlesproxy.com/download/
三、配置Charles
1.安装根证书
首先,打开 Charles , Help->SSL Proxying->Install Charles Root Certificate 安装证书到本地 , 指定位置 到 受信任的根证书颁发机构 ,否则需要进行下一步操作。
然后,按住 win+r, 在输入运行窗口输入 certmgr.msc 回车,在证书界面找到 中级证书颁发机构 => 证书 找到证书 “ Chambers of Commerce Root - 2008 ”,然后拖到 受信任的根证书颁发机构 =》证书,在弹出框点击 “是”。
2.映射https域名到本地访问地址
打开 Tools->Map Remote 添加线上域名于本地(开发环境)服务的映射
3.代理设置
打开 Proxy->Proxy Settings ,该端口号后面会用到
4.SSL代理设置(重要)
打开 Proxy->SSL Proxying Settings , 没有设置此步骤,将会出现SSL Proxying not enabled for this host: enable in Proxy Settings, SSL locations的错误
以下例子中host为*,即过滤所有https,实际操作时指定为您的https地址即可
5.打开 Proxy->Windows Proxy 启用本地的代理服务
四、配置开发工具
1.选择手动设置代理,然后填写本地的IP,以及前边在Charles中设置的代理端口号
在开发工具的最左侧菜单的 设置 进入,如下设置
到此成功了
以往的坑
在微信开发者工具中,可以临时开启 开发环境不校验请求域名、TLS版本及HTTPS证书 选项,跳过服务器域名的校验。=》在不填appId时创建的项目下可以调试本地接口,但是微信接口都调用不了
参考: