微信公众号开发环境和工具

众所周知, 开发微信公众号, 因为公众号应用只能跑在微信浏览器里, 所以代码调试就成了非常麻烦的一件事.
所幸的是微信也意识到了这个问题, 陆续退出了一整套的开发工具来帮助我们解决这些问题.

开发环境配置

测试帐号

在公众号界面[开发=>开发者工具]里面有一个[公众平台测试帐号].
这个相当于一个公众号的沙盒系统, 里面有完整的账号配置系统, 打开它可以体验并测试微信公众平台所有高级接口.

配置参数

1. 服务器配置[测试账号的 接口配置信息]: 打开它之后, 微信会推送用户的各种事件信息. 不过开启之后, 不能在公众号界面管理公众号菜单和公众号关注回复.
2. JS接口安全域名, 网页授权 修改为网站的域名

桌面浏览器模拟环境

1. 下载 qq 浏览器, 按照这个教程 http://blog.qqbrowser.cc/kai-qi-wang-ye-diao-shi-jiao-cheng
   安装微信调试工具.
2. 绑定一个稳定的域名
   打开服务器端调试, 填写本地服务 ip 端口, 点击启动之后会绑定一个可以外部域名 (这个 domain 较为稳定). 因为 js 接口, 网页授权 都填写域名, 而开发环境下可能遇到 ip 经常变动的问题, 可以选择用刚刚获取的外部域名, 这样每次电脑 ip 变化之后不用去修改公众号的众多信息, 只需要在微信调试工具 ip绑定的地方修改下就好了. 但是注意!!!需要在这个域名后面加上:8000端口, 因为网页授权跳转时会在后面加上8000端口.
3. 桌面模拟微信 web 环境
   下载微信 web 开发者工具, 可以模拟网页授权及 jssdk 调用, 还带有 chrome 的调试工具, 非常方便
   https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140&token=&lang=zh_CN
   注意: 需要在公众号设置里面绑定 开发者微信号
4. 手机远程调试
   2和3的工具都带有远程调试工具, 但是感觉都不是太稳定.