调试
调试过程可以看到交互流程中每一个节点的数据流转情况,可以随时查看任意一个节点。相比代码调试,在海牛平台即便不加断点,也可以查看每个步骤节点的数据。
开启调试
点击画布右上角的调试按钮即可开始调试,此时程序会自动运行到断点(若有)处或者运行到最后。此时有几个明显的特点:
- 页面组件被点击时不再展示配置面板,而是呈现其运行时应有的特征,比如下拉框被点击时弹出选项框
- 一些编辑相关操作会被禁用,比如:组件库、页面左侧工具栏、保存、发布
- 交互面板中逻辑线变为绿色

观察数据
已经配置了交互逻辑的页面元素都会在交互面板左侧展示,点击时可以查看对应的交互流程。
在交互流程上,每个输入输出端口都可以被点击并在画布右侧栏显示该端口的数据。
另外,画布右侧栏的信息区域显示了完整的输入输出日志,可以进行搜索。

断点
断点可以让用户观察到交互过程中页面的变化,如图:在给数据表格设置数据源之前设置断点,页面就会停在这里,等待手动继续执行。
在逻辑线上右击,即可添加或者取消断点。

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

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

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

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

另外,主应用参数的配置和使用也和路由参数类似。
localStorage模拟 & sessionStorage模拟
在调试时,如需读取localStorage或者sessionStorage数据,则需要配置对应的模拟数据,并在交互流程中使用「获取Storage」组件。
