【企微开发最佳实践】企业微信应用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

图片


评论·1
2023/06/05

毛用啊 而且最新版本的压根没有浏览器版本的目录

赞同 4
评论