关于钉钉H5微应用的前端调试方法

1,671 阅读1分钟

背景:

当我们在端的时候,功能调试是尤为重要的一部分,特别是需要调用第三方API的时候,特殊的环境对API的能力影响也不尽相同,接下来就聊一聊最近在做的钉钉H5微应用调试经验

官网地址:

open.dingtalk.com/document/re…

移动端调试:

官网给出了Android调试工具,所以苹果的暂时还没有测试

第一步:

到开发者后台,目标应用》监控中心,将开发者添加为开发负责人和APPOPS,也就是这里:

image.png

第二步:

下载调试安装包

地址:download.alicdn.com/wireless/di…

第三步:

在手机上打开H5调试开关,也就是打开开发者选项-USB调试

第四步:

将第二步下载的安装包装到手机中,注意此安装包版本较低,如果手机中已存在高版本钉钉,需要先卸载。安装完成后,打开钉钉 我的》设置》通用》开发者选项》打开微应用调试

第五步:

手机用数据线连接电脑,打开chrome,地址栏输入 chrome://inspect 开始调试

以上步骤,即便是首页配置本地环境也是可以正常调试的。

PC端调试

PC端调试相对没那么复杂

第一步:下载安装包

地址:dtapp-pub.dingtalk.com/dingtalk-de…

第二步:配置应用地址

在目标应用》开发管理》PC端首页地址 进行配置

image.png

第三步:同样需要将开发者添加为开发负责人和APPOPS
第四步:安装包安装好后,打开工作台,找到对应应用,点进去然后打开F2即可调试