钉钉工作台RC版本调试记录

908 阅读2分钟

前言

由于工作原因,要在应用中引入钉钉,并且需要将应用打包成钉钉微应用,可以在钉钉工作台打开。在开发过程中就少不了需要在钉钉工作台进行调试。当然,钉钉开放平台也给出了相应文档(微应用调试工具)。在此记录一下本人在钉钉工作台调试微应用时遇到的问题。

Windows 平台调试

  1. 登录开发者后台
  2. 单击应用信息,确认当前开发者是否是应用的创建者,只有应用创建者才能调试微应用。
  3. 单击开发管理,需确保调试的 H5 微应用已配置了 PC 端首页地址,否则在 RC 版钉钉客户端工作台看不到该应用。 image.png
  4. 单击监控中心,将开发者添加为开发负责人和 APPOPS。 image-1.png
  5. 下载调试安装包:windows 调试包
  6. 在工作台页面,将企业切换到要调试的微应用的组织。
  7. 在微应用页面,鼠标左键点击该微应用,然后按 F2,即可打开微应用调试面板。

Android 平台调试

  1. 前四个步骤参照 Windows 平台调试。
  2. 在手机上下载调试安装包:Android 调试包
  3. 在手机上打开 H5 调试开关。

    各个机型打开调试开关的方法都不同。开发者需按照对应手机的打开方式进行操作,一般是 Android 系统的开发者选项-USB 调试。

  4. 打开钉钉设置页面,选择通用;再打开开发者选项页面,然后打开微应用调试。 image-2.png
  5. 手机连接到电脑,打开 chrome,chrome://inspect 开始调试。 image-3.png
  6. 点击 inspect,就可以在电脑上看到对应的微应用了

可能遇到的问题

  1. 在谷歌浏览器输入 chrome://inspect 后,页面出现空白页面。

    浏览器需要下载一些对应的插件。由于需要在谷歌市场下载,需要开启 VPN,稍微等一会就好了。

  2. 在谷歌浏览器输入 chrome://inspect 后,出现 Remote Target #LOCALHOST,且良久没有反应。

    检查手机是否严格按照上述操作,且手机需要开启 USB 调试开关。

  3. 无论 windows 平台调试还是 Android 平台调试,访问的都是打包后文件,无法跟本地文件进行调试。

    推荐 Charles 代理工具,在 Charles 中开启代理,然后访问本地文件,即可进行调试。

Charles 代理

  1. 点击工具 -> 远程映射,点击启用远程映射。 image-4.png
  2. 点击添加,配置远程路径和映射到本地的路径。 image-5.png
  3. 点击保存,重启 Charles。