• home > webfront > browser > x5 >

    微信公众号本地调试

    Author:[email protected] Date:

    微信公众号开启开发者模式后,微信服务器会向开发者配置的服务器推送相关消息。我们在进行微信公众号开发时,必须要有外网域名才能收到微信服务器的推送,这给开发和调试带来很大的不便。使用由QQ浏览器提供的微信公

    背景

    微信公众号开启开发者模式后,微信服务器会向开发者配置的服务器推送相关消息。我们在进行微信公众号开发时,必须要有外网域名才能收到微信服务器的推送,这给开发和调试带来很大的不便。使用由QQ浏览器提供的微信公众号调试工具,你可以在自己的windows开发机上进行开发和调试,不再需要外网IP和域名。

    功能特性

    1. 本地开发,在自己的开发机或者私人电脑上就可以进行微信公众号开发和调试,不需要公网IP和域名

    2. 微信报文审查功能,可以直观看到已接收和已发送的消息内容和事件,方便开发和问题定位

    3. 微信报文回放功能,可以重复发送已接收的微信报文,避免调试时频繁操作手机

    技术原理

    QQ浏览器提供一个公共的server暴露给微信公众平台,同时在公共server和本地浏览器插件之间建立一个安全的隧道。浏览器插件从隧道中解出报文,转发给开发者的server,同时插件还可捕获和分析所有隧道上的流量,便于后期分析和重放。

    安装微信调试工具

    1. 下载并安装QQ浏览器9最新版

    2. 进入应用中心安装微信调试插件

    使用方法

    还没有自己的公众号,或者还没接触过公众号开发?点这里帮你快速申请公众号并搭建demo程序,step by step !

    如果你已经有公众号,继续往下看。

    第一步 开发者先启动自己的server,绑定在某个端口上,如3000。 等等!!你还没有自己的server?没关系,有办法可以解决,这步可以先跳过。

    第二步 进入调试页面。方法是点击插件图标,在弹出页中点击“服务器端调试”。

    第三步 启动服务。输入要绑定的端口,如3000,点击"启动"。如果还没有自己的server,可以填写4040,插件已经内置了一个demo server,具体可以参考文档最下方的说明。启动成功后将分配到一个外部域名。

    第四步 前往微信公众平台,开启开发模式,并填写外部域名,保存成功后完成配置(使用demo server时,Token必须填写qbtest)

    第五步 打开微信,进入公众号,发送消息

    第六步 进入"审查报文"页面,查看报文内容,尝试下“模拟请求”(回放)功能

    其他参考

    1. 如何申请微信公众平台接口测试帐号?
      http://jingyan.baidu.com/article/1e5468f92b2d09484961b7c4.html

    2. 怎样体验 demo server?
      插件内置了一个公众号demo server运行在4040端口上,绑定端口4040启动即可体验,可以体验发送文本、语音、位置等信息。注意:微信公众平台填写配置时,Token必须填写qbtest,以测试帐号为例:


    转载本站文章《微信公众号本地调试》,
    请注明出处:https://www.zhoulujun.cn/html/webfront/browser/x5/2016_0307_7682.html