[发明专利]一种实时预览生成智能设备控制面板的方法及系统

权利要求书

1.一种实时预览生成智能设备控制面板的方法，其特征在于，包括：

制定语义化的DSL描述Web端至React Native端的组件样式、组件控制功能以及组件联动逻辑的映射关系；

实时传输所述Web端至所述React Native端DSL描述信息；

所述React Native端生成能够实时解析所述DSL描述信息的控制面板；

所述React Native端在实时预览开发完毕后打包并最终输出上线。

2.根据权利要求1所述的实时预览生成智能设备控制面板的方法，其特征在于，实时传输所述Web端至所述React Native端DSL描述信息包括：

基于WebSocket双工通信协议，Web客户端和RN客户端分别向服务端发起获取token的请求；

获取完毕后根据所述token以及WebSocket地址并连接上Websocket；

搭建所述服务端、所述Web客户端及所述RN客户端三方的桥梁。

3.根据权利要求2所述的实时预览生成智能设备控制面板的方法，其特征在于，所述React Native端实现能够实时解析所述DSL描述信息的控制面板包括：

所述Web客户端在实时编辑页面样式或功能后生成DSL后传输至所述服务端；

所述服务端将所述DSL转发给当前处于连接状态的RN客户端；

在RN客户端接受到DSL后，实时解析并渲染成最终展现在APP中。

4.根据权利要求3所述的实时预览生成智能设备控制面板的方法，其特征在于，所述React Native端在实时预览开发完毕后打包并最终输出上线包括：

在Web端完成编辑后，将最后一次存储下来的DSL描述文件，通过ReactNative官方提供的打包脚本最终输出一个可在线上运行的jsbundle文件。

5.一种实时预览生成智能设备控制面板的系统，其特征在于，包括：

定制模块，用于制定语义化的DSL描述Web端至React Native端的组件样式、组件控制功能以及组件联动逻辑的映射关系；

传输模块，用于实时传输所述Web端至所述React Native端DSL描述信息；

生成模块，用于所述React Native端生成能够实时解析所述DSL描述信息的控制面板；

打包模块，用于所述React Native端在实时预览开发完毕后打包并最终输出上线。

6.根据权利要求5所述的实时预览生成智能设备控制面板的系统，其特征在于，实时预览生成智能设备控制面板的系统还包括：

组件控制模块，用于在Web端拖拽第一按钮组件并绑定第一功能`，在App端通过点击所述按钮组件触发相应的控制命令至对应的设备。

7.根据权利要求6所述的实时预览生成智能设备控制面板的系统，其特征在于，实时预览生成智能设备控制面板的系统还包括：

组件功能联动模块，用于在所述Web端拖拽第二按钮组件并绑定第二功能，在Web端创建所述第一按钮组件和所述第二按钮组件的规则，所述第一功能与所述第二功能根据所述规则联动。

8.一种计算机设备，包括存储器、处理器和存储在所述存储器内并能由所述处理器运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1-4中任一项所述的方法。

9.一种计算机可读存储介质，非易失性可读存储介质，其内存储有计算机程序，其特征在于，所述计算机程序在由处理器执行时实现如权利要求1-4中任一项所述的方法。

10.一种计算机程序产品，包括计算机可读代码，其特征在于，当所述计算机可读代码由计算机设备执行时，导致所述计算机设备执行权利要求1-4中任一项所述的方法。