WebApp集成规范

编制单位：安世亚太科技股份有限公司

WebApp集成规范主要描述第三方Web端App如何规范化适配集成到工具链中，实现App启动、参数映射到工具链中，并支持参数修改和驱动。

工具链通过iframe把第三方WebApp嵌入展示到工具链中，使用iframe通信方式进行数据传输。通信过程如下图所示。

页面加载完成生命周期mounted中加入以下代码

【第三方WebApp】通知【工具链】页面已加载完成。

【第三方WebApp】监听【工具链】通信。

【第三方WebApp】监听键盘事件,按ESC【工具链】退出全屏。

【第三方WebApp】监听鼠标事件，移动【工具链】显示退出全屏按钮。

【第三方WebApp】代码示例如下

【工具链】接收到【第三方WebApp】页面加载完成信息，则将【工具库】录入数据通信给第三方WebApp。

【工具链】通信数据格式如下

【第三方WebApp】通过监听【工具链】信息，获取数据之后，对数据进行反显处理。

【第三方WebApp】页面接收数据并处理数据，组件库参数只维护名称例如”铁心长度”、”激磁匝数W1”、”电气行程”等，【第三方WebApp】需要自己存一个key值来进行数据反显。

【第三方WebApp】数据处理完成之后，把数据全部返回给【工具链】，其中Parameters需要重组为工具链所需格式，再把数据发送给【工具链】

Parameters : { Data:[ { key: ‘moduleName.name‘，value:1}, ] }

其中moduleName与name都是初始化时【工具链】通信的数据

【第三方WebApp】代码如下

【工具链】接收到数据 End

WebApp集成规范#