[发明专利]基于WebAssembly技术的配网主站的Web发布方法及系统

权利要求书

1.基于WebAssembly技术的配网主站的Web发布方法，其特征在于，包括以下步骤：

利用Emscripten构建工具构建文件解析模块与数据IO模块；

Web服务器接收配网主站画面文件；在浏览器端加载文件解析模块，利用HTML5所提供FileReaderAPI接口读取Web服务器上存放配网主站画面文件，生成ArrayBuffer类型对象；将所生成的ArrayBuffer类型对象传入文件解析模块进行文件解析，所述文件解析模块为Qt环境下开发，需在模块中转换为Qt中对应QByteArray类型对象，解析得到图元属性结果；通过Emscripten构建工具所提供的FS.writeFile方法将所述解析的图元属性结果存入虚拟内存文件系统进行缓存；

根据在浏览器上的用户页面操作数据，启动浏览器的数据IO线程，数据IO线程调用数据IO模块的应用程序编程接口，根据WebSocket网络协议，通过数据IO模块的应用程序编程接口从Web服务器中的数据客户端获取电力监控设备采集的数据；

浏览器的画面主线程根据缓存文件系统中的图元属性内容结合获取的电力监控设备采集的数据，对浏览器上的画面渲染，形成配网主站的显示画面。

2.根据权利要求1所述的基于WebAssembly技术的配网主站的Web发布方法，其特征在于，数据IO线程定期轮询缓存文件系统中缓存的图元属性内容，获取所述显示画面上所有关联的动态数据后向数据客户端发送数据更新请求，从数据客户端获取需要更新的数据。

3.根据权利要求1所述的基于WebAssembly技术的配网主站的Web发布方法，其特征在于，数据客户端定期轮询电力监控设备采集的实时数据变化，发现数据更新则将变化的实时数据主动推送到数据IO线程，数据IO线程利用WebWorker控制器将变化的实时数据发送至浏览器的画面主线程，画面主线程获取实时数据后设置画面图元动态属性，更新配网主站的显示画面。

4.根据权利要求1所述的基于WebAssembly技术的配网主站的Web发布方法，其特征在于，浏览器的画面主线程还用于获取画面中的图像控制操作命令，数据IO线程根据该图像控制操作命令，从数据客户端获取相应电力监控设备采集的数据。

5.根据权利要求1所述的基于WebAssembly技术的配网主站的Web发布方法，其特征在于，对浏览器上的画面渲染时，利用Canvas库实现所述显示画面中的图形绘制。

6.基于WebAssembly技术的配网主站的Web发布系统，包括Web服务器和浏览器，其特征在于，利用Emscripten构建工具在所述浏览器中构建文件解析模块与数据IO模块；

Web服务器用于接收配网主站画面文件；在浏览器端加载文件解析模块，利用HTML5所提供FileReaderAPI接口读取Web服务器上存放配网主站画面文件，生成ArrayBuffer类型对象；将所生成的ArrayBuffer类型对象传入文件解析模块进行文件解析，所述文件解析模块为Qt环境下开发，需在模块中转换为Qt中对应QByteArray类型对象，解析得到图元属性结果；通过Emscripten构建工具所提供的FS.writeFile方法将所述解析的图元属性结果存入虚拟内存文件系统进行缓存；

根据在浏览器上的用户页面操作数据，启动浏览器的数据IO线程，数据IO线程调用数据IO模块的应用程序编程接口，根据WebSocket网络协议，通过数据IO模块的应用程序编程接口从Web服务器中的数据客户端获取电力监控设备采集的数据；

浏览器的画面主线程根据缓存文件系统中的图元属性内容结合获取的电力监控设备采集的数据，对浏览器上的画面渲染，形成配网主站的显示画面。

7.根据权利要求6所述的基于WebAssembly技术的配网主站的Web发布系统，其特征在于，浏览器中的数据IO线程定期轮询缓存文件系统中缓存的图元属性内容，获取所述显示画面上所有关联的动态数据后向数据客户端发送数据更新请求，从数据客户端获取需要更新的数据。