真机调试的场景

  • 组件路由以及API
  • 应用调试

# 一、组件路由以及API

# 1、组件详情

在组件广场,组件详情查看组件路由以及API

Markdown

# 2、应用详情

在应用详情,组件列表中勾选你要调试的组件

Markdown

# 3、应用调试

播放视频、进入应用调试环节

# 二、应用调试

在移动应用平台创建应用,使用平台应用调试功能,编译调试工具安装应用,在平台上连接安装的应用,可以在平台上输入应用中包含的组件API的调试参数,直接发送到接收到调试工具上,接收到工具的返回。

# 1. 制作自定义的调试工具

在应用详情页,进入应用调试。如下图所示:

Markdown
  • 第一步:进入应用调试页面的入口

  • 第二步:非必填项,输入的是hatom前端项目工程运行地址,当输入该参数,工具会自动忽略H5.zip包资源,直接加载该地址资源

  • 第三步:触发编译任务,生成调试工具

  • 第四步:查看调试工具的编译日志

  • 第五步:生成调试工具的二维码,扫码下载调试工具

提示

生成的调试工具,将替代工具下载模块的下载的ifar、iSee、无构架调试工具。

第二步骤填写的地址即为前端本地项目运行地址

# 2. 链接调试

扫码下载调试工具,安装调试工具

2.1 打开调试工具后


Markdown

提示

  • 点击左下角的设置按钮

  • 打开扫一扫

2.2 扫描二维码


Markdown

提示

扫描成功后,二维码状态变化

# 3. 开发调试

调试工具链接成功之后,会进入下一步。该页面会展示出该应用下包含组件携带的所以API以及原生路由列表, 如下图所示:

Markdown

  • 第一步:为组件携带的API列表名称

  • 第二步:组件API的输入参数

  • 第三步:点击发送按钮,发送API信号给调试工具

  • 第四步:接收到消息的返回

  • 第五步:生成代码,会将调用组件API的代码剪切到剪贴板