[发明专利]基于前端技术实现的工业产品应用体系构建的方法、系统

说明书

本发明属于微前端技术领域，提供了一种基于前端技术实现的工业产品应用体系构建的方法、系统，所述方法包括：产品业务拆分：将产品按照基础业务、核心业务、扩展业务进行拆分解耦，形成一个主应用和不同的业务微应用；主应用的配置器按照配置信息加载不同的业务微应用；产品组装：本地化组装、在线组组装；产品源码闭源传递：按业务微应用逐一打包构建，并通过脚本自定将结构存放在统一目录中，形成产品包；根据产品包拟定产品二开示例工程，然后，传递产品包和二开示例工程；页面拓展：原生页面扩展、现有页面的二次扩展和修改。本发明实现了符合工业软件开发、交付实际场景和基本安全需求的产品应用构建体系。

技术领域

本发明属于微前端技术领域，具体的说，是涉及一种基于前端技术实现的工业产品应用体系构建的方法、系统。

背景技术

在工业软件交付场景中，乙方的软件产品往往不能直接交付甲方使用，而需要经过二次开发(二开)甚至三次开发(三开)，直到满足甲方需求。但是承担二开或三开的通常是项目交付团队，不是产品研发团队，为了实现产品源码的版本管理和安全要求，往往需要实现闭源传递，但是闭源传递会导致二开无法新增、删除、修改已经闭源的产品功能。工业软件往往是多个产品相互组合形成的一个能满足某些工业生产场景的产品集合，在前端领域则大多会体现在多个web入口、多个web项目，多个部署位置。

微前端技术是将一个前端项目拆分为一个主项目(主应用)和多个子项目(微应用)，在运行时合并为一个完整应用的技术，主要解决了子项目独立开发、运维的问题。现有技术中，在工业软件开发的应用场景，微前端技术主要存在以下不足：

(1)微应用的多重嵌套使用时，路由自动激活加载微应用不可靠(非常容易加载失败)；微应用的加载有两种方式，方式一：路由模式，微应用与路由信息绑定，通过监听路由变化自动触发微应用加载动作，从指定的微应用入口获取文件资源、执行挂载到指定的容器节点(挂载点)，创建js实例；同时触发不符合路由关系微应用的卸载，清空相应容器节点内容，销毁js实例，该方法可以给场景设定路由，由路由决定加载哪些微应用，但是在多重嵌套微应用时受限于挂载点的异步延时生成，不能及时找到挂载点导致加载/卸载异常；方式二：手动模式，手动触发微应用加载动作，从指定的微应用入口获取文件资源、执行挂载到指定的容器节点，创建js实例；同时手动触发不符和需求微应用的卸载，清空相应容器节点内容，销毁js实例，该方法只能通过代码固定在业务逻辑内，不能实现灵活重组，且在大规模应用时内嵌加载、卸载逻辑十分复杂。

(2)同时开发多个微应用时启动过程及配置复杂，需要启动多个服务及端口，同时注册微应用时端口也必须一致。

(3)多产品间的微应用组合展示时，不能一次性引入某个产品的所有微应用，且注册微应用的过程和被引入的微应用耦合，注册信息需要两边同时修改。

发明内容

本发明的目的在于提供一种满足工业软件开发和交付场景下对web前端产品的需求的基于前端技术实现的工业产品应用体系构建的方法，以解决现有技术所存在的技术问题。

为了实现上述目的，本发明采取的技术方案如下：

一种基于前端技术实现的工业产品应用体系构建的方法，包括：

(1)产品业务拆分：将产品按照基础业务、核心业务、扩展业务进行拆分解耦，形成一个主应用和不同的业务微应用；

(2)主应用的配置器按照配置信息加载不同的业务微应用；

(3)产品组装：(31)本地化组装，将需要组装的产品的配置信息合并为一个apps.json，同时，将不同的产品的业务代码块合并到一个目录下；(32)在线组组装，若干已经独立部署的产品相互按不同颗粒度相互在线组装；

(4)产品源码闭源传递：按业务微应用逐一打包构建，并通过脚本自定将结构存放在统一目录中，形成产品包；根据产品包拟定产品二开示例工程，然后，传递产品包和二开示例工程；