微信小程序之使用本地接口开发

小程序只能在https线上开发,但是一旦上线后出现问题就很难调试了。所以如何使用本地接口进行开发呢?

一、解决

  在小程序开发工具设置网络代理,然后再通过Charles设置代理,将https域名转为本地接口进行访问。

  以下所用环境为win10 + vbox(linux) +微信开发工具。

二、准备工作

  1.配置https域名

    为小程序配置request合法域名,在登录公众号平台去设置。    

  2.安装Charles

    官方下载地址:https://www.charlesproxy.com/download/

    另外,Charles需要破解,链接 提取码:mkns

三、配置Charles

  1.安装根证书

  首先,打开Charles,Help->SSL Proxying->Install Charles Root Certificate 安装证书到本地,指定位置到受信任的根证书颁发机构,否则需要进行下一步操作。

  然后,按住win+r, 在输入运行窗口输入certmgr.msc回车,在证书界面找到 中间证书颁发机构=》证书  找到证书 “Charles Proxy CA ****”开头的,然后拖到  受信任的根证书颁发机构=》证书,在弹出框点击 “是”。

  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 启用本地的代理服务

四、配置开发工具

  设置->代理设置->选择手动设置代理,然后填写本地的IP,以及前边在Charles中设置的代理端口号

 

ok

 

 

 参考:

http://www.cnblogs.com/jiasm/archive/2016/11/14/6063317.html

 

转载于:https://www.cnblogs.com/two-bees/p/11027194.html

### 微信小程序开发使用本地接口的解决方案 在微信小程序开发过程中,由于安全性和网络请求机制的原因,直接调用本地接口存在诸多限制。为了实现高效的开发流程,通常采用以下几种方式来解决问题: #### 1. 使用代理服务器 通过设置一个外部可访问的代理服务器作为中间层,该服务器负责接收来自微信小程序的请求并将这些请求转发给本地API服务[^3]。 ```javascript // 小程序端发起HTTP请求示例 wx.request({ url: 'https://proxy-server.com/api', // 替换成实际代理地址 method: 'GET', success(res) { console.log('成功获取数据:', res.data); }, fail(err) { console.error('请求失败:', err); } }); ``` #### 2. 利用云开发能力 借助于微信提供的云开发功能,在云端构建数据库、存储以及函数计算等功能模块。这种方式下,无需关心底层架构搭建与维护工作,专注于业务逻辑编写即可[^1]。 #### 3. 转换为Base64编码资源 对于某些特定类型的静态资源(如图片、字体等),可以考虑将其转换成Base64字符串形式嵌入到前端页面中显示或加载。不过需要注意的是,这种方法适用于较小规模的数据量场景,并不适合大文件传输[^2]。 #### 4. 配置内网穿透工具 利用ngrok或其他类似的内网穿透软件将本地运行的服务暴露至公网之上,从而允许微信小程序直接对其进行访问测试。此方法适合个人开发者快速验证想法阶段使用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值