如何进行微信公众号开发的本地调试的方法


Posted in Javascript onJune 16, 2019

微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只需要要你有一个手机,手机上安装了一个微信即可。

地址:https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

如何进行微信公众号开发的本地调试的方法

登录后,会得到一个微信号,和测试好的相关信息。appID,appsecret。

如何进行微信公众号开发的本地调试的方法

接口配置信息,js接口安全域名配置按照生产环境的配置即可。

下面重点开始了。已经有了一个可供测试的公众号,如何进行测试呢,最直接的办法是,在本地开发环境把已经运行的生产环境的公众号配置成刚申请的这个开发账号即可,但显然这个方法蠢哭了。

我们采用的方法是,在配置文件上增加一个参数的方式。比如我们生产环境的微信配置信息都写在wechat-config.xml中,这个时候,增加另一个配置文件wechat-config-yimiyan.xml。启动jvm时增加参数

-Dwechat-config=yimiyan。程序中中需要稍加修改。

例如原本系统启动时读取wechat-config.xml文件

WeChatUtils.class.getResourceAsStream("/wechat-config.xml");

现在修改为:

String wechatConfig = System.getProperty("wechat-config");
//得到的是刚刚我们添加的参数-Dwechat-config的值,即yimiyan

将原本的读取配置文件修改为:

WeChatUtils.class.getResourceAsStream("/wechat-config-"+wechatConfig+".xml");

这样,每个开发的小伙伴都可以在自己的环境上进行测试了。

准备就绪之后,开始下一步的操作--配置菜单。

用手机扫描页面上的二维码后,关注了这个测试公众号,是没有菜单的,这个时候要配置菜单怎么办呢。

有两种方式,使用postman工具或者使用微信提供的调试接口。

笔者比较懒,直接用了微信的接口调试工具设置的。地址:https://mp.weixin.qq.com/debug

如何进行微信公众号开发的本地调试的方法

第一步,获取access_tocken

输入测试公众号页面的appID和appsecret,点击检查问题

如何进行微信公众号开发的本地调试的方法

获取到access_token之后,使用这个access_token跟测试公众号设置菜单。接口类型选择自定义菜单,填入刚刚获取到的access_token,以及菜单的json串。

如何进行微信公众号开发的本地调试的方法

点击检查问题后,如果设置成功,结果如下

如何进行微信公众号开发的本地调试的方法

这个时候,在用微信扫一扫测试公众号的二维码,应该就会有菜单了,但是笔者在测试的时候发现,不知道是延迟还是缓存,第一次设置还好,多设置几次,要取关,清楚手机历史等操作,才会发现新菜单生效了。

到目前为止,我们一切的准备工作就基本完成了。在测试公众号里面,点击菜单,享受着成功的喜悦的时候,满心欢喜的点击,蹦出来的是redirect_uri:参数错误

如何进行微信公众号开发的本地调试的方法

这是什么鬼

最后一步的配置:

在测试微信公众号那个页面,那个页面很长,往下拉,找到网页服务--》网页账号--》网页授权获取用户基本信息,点击修改,配上外网能访问你测试环境的ip或者域名即可。

如何进行微信公众号开发的本地调试的方法

整个配置最重要的一点就是,你需要拥有一个能通过外网访问你的测试环境的域名或者ip。

NB:这里需要注意一点,如果这个地址填写的不正确,将会报错如下。此处只需填写域名即可,授权微信访问这个域名,具体要访问哪个项目哪个方法,在程序中控制。

如何进行微信公众号开发的本地调试的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 Javascript
防止jQuery ajax Load使用缓存的方法小结
Feb 22 Javascript
JavaScript统计网站访问次数的实现代码
Nov 18 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
AngularJS实现ajax请求的方法
Nov 22 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
Vue.js划分组件的方法
Oct 29 Javascript
JavaScript体验异步更好的解决办法
Jan 08 Javascript
基于Vuejs的搜索匹配功能实现方法
Mar 03 Javascript
详解vue微信网页授权最终解决方案
Jun 16 #Javascript
浅谈一种让小程序支持JSX语法的新思路
Jun 16 #Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 #Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 #Javascript
简谈创建React Component的几种方式
Jun 15 #Javascript
JS中的一些常用的函数式编程术语
Jun 15 #Javascript
JavaScript模块管理的简单实现方式详解
Jun 15 #Javascript
You might like
PHP+DBM的同学录程序(2)
2006/10/09 PHP
PHP 应用程序的安全 -- 不能违反的四条安全规则
2006/11/26 PHP
php打造属于自己的MVC框架
2012/03/07 PHP
php生成excel文件的简单方法
2014/02/08 PHP
php 微信公众平台开发模式实现多客服的实例代码
2016/11/07 PHP
php 魔术常量详解及实例代码
2016/12/04 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
Knockoutjs的环境搭建教程
2012/11/26 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
9款2014最热门jQuery实用特效推荐
2014/12/07 Javascript
javascript实现禁止鼠标滚轮事件
2015/07/24 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
关于js二维数组和多维数组的定义声明(详解)
2016/10/02 Javascript
Javascript中return的使用与闭包详解
2017/01/11 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
2017/07/14 Javascript
vue.js使用3DES加密的方法示例
2018/05/18 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
NodeJS开发人员常见五个错误理解
2020/10/14 NodeJs
[01:11:10]2014 DOTA2华西杯精英邀请赛 5 24 iG VS VG加赛
2014/05/26 DOTA
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python正则表达式匹配ip地址实例
2014/10/09 Python
Python中常见的数据类型小结
2015/08/29 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
解决Keras 自定义层时遇到版本的问题
2020/06/16 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
python中最小二乘法详细讲解
2021/02/19 Python
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
2020/06/02 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
高中生学习生活的自我评价
2013/10/09 职场文书
违反工作纪律检讨书
2014/02/15 职场文书
促销活动总结模板
2014/07/01 职场文书
小学教师见习总结
2015/06/23 职场文书