跳到主要内容

调试

调试过程可以看到交互流程中每一个节点的数据流转情况,可以随时查看任意一个节点。相比代码调试,在海牛平台即便不加断点,也可以查看每个步骤节点的数据。

开启调试

点击画布右上角的调试按钮即可开始调试,此时程序会自动运行到断点(若有)处或者运行到最后。此时有几个明显的特点:

  1. 页面组件被点击时不再展示配置面板,而是呈现其运行时应有的特征,比如下拉框被点击时弹出选项框
  2. 一些编辑相关操作会被禁用,比如:组件库、页面左侧工具栏、保存、发布
  3. 交互面板中逻辑线变为绿色 开启

观察数据

已经配置了交互逻辑的页面元素都会在交互面板左侧展示,点击时可以查看对应的交互流程。

在交互流程上,每个输入输出端口都可以被点击并在画布右侧栏显示该端口的数据。

另外,画布右侧栏的信息区域显示了完整的输入输出日志,可以进行搜索。

观察

断点

断点可以让用户观察到交互过程中页面的变化,如图:在给数据表格设置数据源之前设置断点,页面就会停在这里,等待手动继续执行。

在逻辑线上右击,即可添加或者取消断点。

断点

调试配置

在编辑模式下点击页面之外的空白区域,可以在右侧配置栏看到页面配置以及调试配置: 配置

服务接口直连

默认情况下,编辑器调试时,调用接口会使用统一的代理,如果需要,可以打开,直接请求后端接口 proxy

自定义域名

将调试模式改为自定义域名时,允许用户添加多个自定义域名,每个域名对应一个变量名。

调试时,在接口中使用这些域名时通过{MYBRICKS_HOST.变量}的形式进行引用(默认的default不需要这个前缀)。页面发布后需要在window.MYBRICKS_HOST对象上设置域名信息 自定义域名

路由参数

点击编辑路由参数,即可在弹出的代码编辑器中输入JSON,这样就可以在交互流程中使用「路由参数」组件来访问路由参数。在页面实际运行时,这些参数会在页面地址中显示,比如[域名]?a=1&b=2路由参数

另外,主应用参数的配置和使用也和路由参数类似。

localStorage模拟 & sessionStorage模拟

在调试时,如需读取localStorage或者sessionStorage数据,则需要配置对应的模拟数据,并在交互流程中使用「获取Storage」组件。 模拟Storage 读取storage