【企微开发最佳实践】企业微信应用H5及小程序前端调试指南

最近关注到 企微开发者社区和 ToB Dev 公众号下的 企微开发同行群 里经常有同行问  H5及小程序前端调试问题，今天整理分享下。

注：企业微信应用类别分 自建内部应用、自建代开发应用、第三方应用 ，三种应用类别的前端可以使用 H5 或者 小程序。

一，H5调试

注意：微信开发者工具不支持企业微信H5调试

1，电脑：企业微信客户端开启调试模式（macos 及 windows）。

官方文档：https://developer.work.weixin.qq.com/document/path/90315#%E4%BC%81%E4%B8%9A%E5%BE%AE%E4%BF%A1windows%E7%89%88%E6%9C%AC%E8%B0%83%E8%AF%95

2，手机：前端可以使用开源VConsole（PC端也可以使用）

vConsole 是一个由微信前端团队研发的 Web 前端开发者面板，可用于展示 console 日志，方便开发、调试。

开源地址：

https://github.com/Tencent/vConsole

二，小程序调试

1，微信开发者工具 开启企业微信调试模式

官方文档：

https://developer.work.weixin.qq.com/document/path/92383

2，手机真机：扫小程序码 或者 开启小程序多场景调试模式

官方文档：

https://developer.work.weixin.qq.com/document/path/92383

小程序多场景调试模式

扫小程序码就不说了，说下开启小程序多场景调试模式，企业微信从3.0.28版本开始支持通过以下方式开启多场景调试，开启之后，在附件栏、工具栏、会话、工作台等场景打开此小程序时，都将使用本次扫码的开发版小程序来运行。

打开调试模式（在开启多场景调试模式的前面第二个位置）

配置体验版可邀请企业微信同事（在开启多场景调试模式的前面位置）

文档

https://developer.work.weixin.qq.com/document/path/92428