前言
由于工作原因,要在应用中引入钉钉,并且需要将应用打包成钉钉微应用,可以在钉钉工作台打开。在开发过程中就少不了需要在钉钉工作台进行调试。当然,钉钉开放平台也给出了相应文档(微应用调试工具)。在此记录一下本人在钉钉工作台调试微应用时遇到的问题。
Windows 平台调试
- 登录开发者后台
- 单击应用信息,确认当前开发者是否是应用的创建者,只有应用创建者才能调试微应用。
- 单击开发管理,需确保调试的 H5 微应用已配置了 PC 端首页地址,否则在 RC 版钉钉客户端工作台看不到该应用。
- 单击监控中心,将开发者添加为开发负责人和 APPOPS。
- 下载调试安装包:windows 调试包
- 在工作台页面,将企业切换到要调试的微应用的组织。
- 在微应用页面,鼠标左键点击该微应用,然后按 F2,即可打开微应用调试面板。
Android 平台调试
- 前四个步骤参照 Windows 平台调试。
- 在手机上下载调试安装包:Android 调试包
- 在手机上打开 H5 调试开关。
各个机型打开调试开关的方法都不同。开发者需按照对应手机的打开方式进行操作,一般是 Android 系统的开发者选项-USB 调试。
- 打开钉钉设置页面,选择通用;再打开开发者选项页面,然后打开微应用调试。
- 手机连接到电脑,打开 chrome,chrome://inspect 开始调试。
- 点击 inspect,就可以在电脑上看到对应的微应用了
可能遇到的问题
- 在谷歌浏览器输入 chrome://inspect 后,页面出现空白页面。
浏览器需要下载一些对应的插件。由于需要在谷歌市场下载,需要开启 VPN,稍微等一会就好了。
- 在谷歌浏览器输入 chrome://inspect 后,出现 Remote Target #LOCALHOST,且良久没有反应。
检查手机是否严格按照上述操作,且手机需要开启 USB 调试开关。
- 无论 windows 平台调试还是 Android 平台调试,访问的都是打包后文件,无法跟本地文件进行调试。
推荐 Charles 代理工具,在 Charles 中开启代理,然后访问本地文件,即可进行调试。
Charles 代理
- 点击工具 -> 远程映射,点击启用远程映射。
- 点击添加,配置远程路径和映射到本地的路径。
- 点击保存,重启 Charles。