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

转载 2018年04月16日 10:19:51

 本文主要讲解如何使用本地接口进行开发,很多人都会遇到这个问题,特别是小程序上线后。

一、解决思路

  在小程序开发工具设置网络代理,然后再通过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时创建的项目下可以调试本地接口,但是微信接口都调用不了

 

参考:

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

https://github.com/nighthary/someutil/blob/master/doc/charles%E6%8A%93%E5%8C%85https%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98.md

 

 

欢迎阅读本系列文章:微信小程序开发教程目录

微信小程序+java后端整合笔记

用到的工具和技术. 1.微信web开发工具小程序版 2.Myeclipse 2014 3.WebSocket 4.Maven 3.3.9 5.Tomcat 7 步骤    1.安装配置M...
  • manyouzhijian
  • manyouzhijian
  • 2017-01-14 10:35:56
  • 39946

微信小程序开发教程

一、小程序框架概述 以下是腾讯官方对小程序框架的表述: 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML...
  • zhaidp_java
  • zhaidp_java
  • 2016-10-12 09:26:09
  • 3011

【微信小程序】 微信小程序连接本地接口

最近的一个项目就是微信小程序 第一次接触微信开发者工具,并进行小程序的后端开发, 于是想看一下小程序如何请求本地的后台服务接口 wx.request({ url: 'http://l...
  • xiaxiaozhang
  • xiaxiaozhang
  • 2017-06-08 12:52:23
  • 12380

微信小程序登录逻辑整理

官方文档文档相关地址:用户登录 获取用户数据 用户数据的签名验证和加解密微信两个api所拿到的信息:login和getUserInfo注册/登录小程序端:通过上面wx.login和wx.getUs...
  • hss01248
  • hss01248
  • 2016-11-30 10:41:45
  • 17027

微信小程序的详细登录(上)

无形装逼,最为打脸。千万要等时机成熟再去秀一波反杀。小程序就是个坑啊,越走越艰难...
  • m0_37992327
  • m0_37992327
  • 2017-06-19 16:48:58
  • 5917

微信小程序封装request请求

在小程序开发中,通过接口获取后台数据,这时候我们不得不在每个页面的js文件中写到:wx.request({ url:'',.....}) 但是调用很多接口的时候,会非常频繁的使用request,...
  • qq442270636
  • qq442270636
  • 2018-02-06 20:13:18
  • 327

本地调试微信接口方法

调试微信接口,例如调试微信消息收发接口,我们需要提供一个公网访问url,正常情况下,我们需要建立web工程,然后打包,不部署服务器,提供服务器外网访问url。但是想要将自己本地电脑上运行的项目发布到公...
  • p793049488
  • p793049488
  • 2015-03-31 10:15:03
  • 11033

微信小程序授权登录接口

1.首先接收前端传过来的code 2.带上appid,secret以及code去请求微信,获取openid,那倒openid就可以获取用户的信息了  获取到openid,将openid返回给前...
  • qq_39518572
  • qq_39518572
  • 2018-02-02 15:16:59
  • 296

董哥教你一天学习后台是JAVA 的 微信小程序退款

小程序微信退款,是一种可以将小程序体验完成特别好的一种技术。 今天我就用了一天时间将Java 版本 微信小程序退款功能完成 首先需求拿到后, 先查看资料 第一步:小...
  • qq_37013565
  • qq_37013565
  • 2017-08-13 16:52:37
  • 1947

微信小程序之数据访问

先简单说一下,小程序的结构 如图所示 1、每个视图(.wxml)只需要添加对应名字的脚本(.js)和样式(.wxss)就可以了,不需要引用,page下面的脚本以及样式都是继承至最外面的...
  • he3236220
  • he3236220
  • 2016-11-07 16:00:14
  • 10996
收藏助手
不良信息举报
您举报文章:微信小程序之使用本地接口开发
举报原因:
原因补充:

(最多只允许输入30个字)