一种微前端的应用构建方法技术

本申请公开了一种微前端的应用构建方法

【技术实现步骤摘要】
一种微前端的应用构建方法、装置及计算机存储介质


[0001]本申请涉及计算机科学与
，尤其涉及一种微前端的应用构建方法
、
装置及计算机存储介质
。

技术介绍

[0002]微前端借鉴了微服务的架构理念，将一个庞大的应用拆分为多个小应用，这些小应用都可以独立开发
、
测试和部署，同时也可以聚合成一个产品
。
[0003]但是，当前微前端封装的公共业务组件，难以在主应用和子应用之间共享，只能在主应用和子应用项目中重复引入，存在主应用
、
子应用重复配置公共业务组件的问题，导致公共业务组件维护成本加大
。

技术实现思路

[0004]本申请提供了一种微前端的应用构建方法
、
装置及计算机存储介质，用于降低公共业务组件的维护成本
。
[0005]本申请第一方面提供了一种微前端的应用构建方法，包括：
[0006]根据用户指令加载主应用，获取所述主应用的第一公共业务组件及所述主应用所包含的子应用的业务路由及主应用路由；本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种微前端的应用构建方法，其特征在于，所述应用构建方法包括：根据用户指令加载主应用，获取所述主应用的第一公共业务组件及所述主应用所包含的子应用的业务路由及主应用路由；合并所述主应用路由及所述子应用的业务路由，生成全局路由；根据所述全局路由生成目标路由列表及菜单列表；接收用户在所述菜单列表上输入的选择指令，根据所述选择指令确定所述用户选择的目标子应用；通过所述目标路由列表获取所述目标子应用的目标业务路由；根据所述目标业务路由确定所述目标子应用的第二公共业务组件；判断所述第一公共业务组件与所述第二公共业务组件是否相同；若相同，则控制所述目标子应用复用所述第一公共业务组件，生成目标子应用页面；若不相同，则控制所述目标子应用获取所述第二公共业务组件，生成目标子应用页面
。2.
根据权利要求1所述的应用构建方法，其特征在于，在所述合并所述主应用路由及所述子应用的业务路由，生成全局路由之前，所述应用构建方法还包括：向后台服务器发送所述用户的用户信息；接收所述后台服务器返回的用户权限，并根据所述用户权限，生成用户路由；所述合并所述主应用路由及所述子应用的业务路由，生成全局路由包括：合并所述主应用路由
、
所述子应用的业务理由及所述用户路由，生成全局路由
。3.
根据权利要求1所述的应用构建方法，其特征在于，所述获取所述主应用的第一公共业务组件及所述主应用所包含的子应用的业务路由及主应用路由包括：获取所述主应用的第三方依赖包
、
所述主应用的第一公共业务组件及所述主应用所包含的子应用的业务路由及主应用路由，所述第三方依赖包部署于
CDN
服务器上
。4.
根据权利要求3所述的应用构建方法，其特征在于，所述获取所述主应用的第三方依赖包包括：通过
webpack
打包，将所述第三方依赖包注入至入口文件；当所述主应用加载时，通过所述入口文件获取所述主应用的第三方依赖包
。5.
根据权利要1所述的应用构建方法，其特征在于，所述获取所述主应用的第一公共业务组件包括：在核心库中根据所述主应用加载第一公共业务组件的第一资源配置文件；根据所述第一资源配置文件获取所述第一公共业务组件的第一路由路径；根据所述第一路由路径加载所述第一公共业务组件
。6.<...

【专利技术属性】
技术研发人员：黄雪娟，秦懿芳，厉佐瑞，
申请(专利权)人：嘉联支付有限公司，
类型：发明
国别省市：