众所周知, 开发微信公众号, 因为公众号应用只能跑在微信浏览器里, 所以代码调试就成了非常麻烦的一件事.
所幸的是微信也意识到了这个问题, 陆续退出了一整套的开发工具来帮助我们解决这些问题.
开发环境配置
测试帐号
在公众号界面[开发=>开发者工具]里面有一个[公众平台测试帐号].
这个相当于一个公众号的沙盒系统, 里面有完整的账号配置系统, 打开它可以体验并测试微信公众平台所有高级接口.
配置参数
- 服务器配置[测试账号的 接口配置信息]: 打开它之后, 微信会推送用户的各种事件信息. 不过开启之后, 不能在公众号界面管理公众号菜单和公众号关注回复.
- JS接口安全域名, 网页授权 修改为网站的域名
桌面浏览器模拟环境
- 下载 qq 浏览器, 按照这个教程 http://blog.qqbrowser.cc/kai-qi-wang-ye-diao-shi-jiao-cheng
安装微信调试工具. - 绑定一个稳定的域名
打开服务器端调试, 填写本地服务 ip 端口, 点击启动之后会绑定一个可以外部域名 (这个 domain 较为稳定). 因为 js 接口, 网页授权 都填写域名, 而开发环境下可能遇到 ip 经常变动的问题, 可以选择用刚刚获取的外部域名, 这样每次电脑 ip 变化之后不用去修改公众号的众多信息, 只需要在微信调试工具 ip绑定的地方修改下就好了. 但是注意!!!需要在这个域名后面加上:8000端口, 因为网页授权跳转时会在后面加上8000端口. - 桌面模拟微信 web 环境
下载微信 web 开发者工具, 可以模拟网页授权及 jssdk 调用, 还带有 chrome 的调试工具, 非常方便
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN
注意: 需要在公众号设置里面绑定 开发者微信号 - 手机远程调试
2和3的工具都带有远程调试工具, 但是感觉都不是太稳定.
