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


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 相关文章推荐
javascript 模式设计之工厂模式详细说明
May 10 Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 Javascript
javascript中动态函数用法实例分析
May 14 Javascript
Javascript字符串拼接小技巧(推荐)
Jun 02 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
Mar 02 Javascript
node实现基于token的身份验证
Apr 09 Javascript
详解Vue This$Store总结
Dec 17 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
微信小程序 简易计算器实现代码实例
Sep 02 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 Javascript
JavaScript判断浏览器版本的方法
Nov 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
$_GET['goods_id']+0 的使用详解
2013/06/06 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
JS类库Bindows1.3中的内存释放方式分析
2007/03/08 Javascript
在IE中调用javascript打开Excel的代码(downmoon原作)
2007/04/02 Javascript
Javascript document.referrer判断访客来源网址
2020/05/15 Javascript
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
js操作iframe父子窗体示例
2014/05/22 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
2016/02/17 Javascript
Bootstrap基本组件学习笔记之缩略图(13)
2016/12/08 Javascript
vue.js $refs和$emit 父子组件交互的方法
2017/12/20 Javascript
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
python输入错误密码用户锁定实现方法
2017/11/27 Python
Python单元测试实例详解
2018/05/25 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python制作朋友圈九宫格图片
2019/11/03 Python
详解mac python+selenium+Chrome 简单案例
2019/11/08 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
python中的错误如何查看
2020/07/08 Python
安装并免费使用Pycharm专业版(学生/教师)
2020/09/24 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
python图片合成的示例
2020/11/09 Python
用 Django 开发一个 Python Web API的方法步骤
2020/12/03 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
盛大二次面试题
2016/11/18 面试题
过程装备与控制工程专业求职信
2014/07/02 职场文书
大专应届毕业生求职信
2014/07/15 职场文书
社会体育专业大学生职业生涯规划书
2014/09/17 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
暑期实践个人总结
2015/03/06 职场文书
一年级下册数学教学反思
2016/02/16 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
Python Numpy库的超详细教程
2022/04/06 Python