基于pigX项目的微前端开发设计方法、系统及介质技术方案

本发明专利技术属于微前端开发技术领域，公开了一种基于pigX项目的微前端开发设计方法、系统及介质，所述基于pigX项目的微前端开发设计方法通过重写主应用的push、place的路由，带上对应微前端参数，主应用去发指令，对主应用是接受指令跳子应用；对不同子应用而言，是向上推送微前端参数让主应用去下发指令跳转；对于不同环境，若不需要微前端服务，将微前端环境配置修改下即可。本发明专利技术只是为了主应用与子应用菜单之间、tag页签之间的正常跳转，改造多个地方进行适配，最终将多个项目融合唯一，减少项目之间的耦合，提升项目扩展性，相比一整块的前端模块仓库，此架构下的前端模块仓库倾向于更小更灵活。

【技术实现步骤摘要】

本专利技术属于微前端开发，是在多个pigx项目中通过引入micro微应用模式进行无痕衔接的一种微前端开发设计方法、系统及介质。在pigx项目中通过对router的改进创新，使micro微应用在pigx多项目中的切换得到实现并且效果更加自如。

技术介绍

1、目前，在pigx的vue2.0版本多系统项目实例下，每个项目都是独立开发、独立运行的，不同系统项目因业务需求需要融合在一个整体项目应用中。以往的single-spa、qiankun都有相应的局限性。例如：single-spa系统构建复杂，应用需要集成在一起进行构建；不支持不同应用的部署分离；代码结构复杂；学习成本高。使用qiankun的子应用间互相通信不易过于频繁；开启沙箱隔离会存在样式影响；应用间的icon图标会出现重名情况。想要通过以上这些微前端服务来改造当前项目不仅工作量大，还要暴露出某些方法。对于micro-app而言，他的耦合低，好引入。现有pigx项目在引入micro-app后，通过重写主应用的push、place的路由方法，带上对应微前端参数，主应用下发跳转指令，在执行push、place方本文档来自技高网...

【技术保护点】

1.一种基于pigX项目的微前端开发设计方法，其特征在于，通过重写主应用的push、place的路由，带上对应微前端参数，主应用去发指令，对主应用是接受指令跳子应用；对不同子应用而言，是向上推送微前端参数让主应用去下发指令跳转；对于不同环境，若不需要微前端服务，将微前端环境配置修改下即可。

2.如权利要求1所述的基于pigX项目的微前端开发设计方法，其特征在于，所述基于pigX项目的微前端开发设计方法通过Micro建立起不同pigX项目应用之间的数据通信；有多个系统项目应用，所有的系统项目均为pigX项目，其中多个项目应用作为子系统，有一个主应用项目作为多个子系统的进入口，通...

【技术特征摘要】

1.一种基于pigx项目的微前端开发设计方法，其特征在于，通过重写主应用的push、place的路由，带上对应微前端参数，主应用去发指令，对主应用是接受指令跳子应用；对不同子应用而言，是向上推送微前端参数让主应用去下发指令跳转；对于不同环境，若不需要微前端服务，将微前端环境配置修改下即可。

2.如权利要求1所述的基于pigx项目的微前端开发设计方法，其特征在于，所述基于pigx项目的微前端开发设计方法通过micro建立起不同pigx项目应用之间的数据通信；有多个系统项目应用，所有的系统项目均为pigx项目，其中多个项目应用作为子系统，有一个主应用项目作为多个子系统的进入口，通过micro微前端应用建立起基座主应用跟系统子应用之间的连系。

3.如权利要求1所述的基于pigx项目的微前端开发设计方法，其特征在于，所述基于pigx项目的微前端开发设计方法，具体包括以下步骤：

4.如权利要求3所述的基于pigx项目的微前端开发设计方法，其特征在于，所述步骤四中如果有子应用的基础路由，就打开子应用的页面，并带上路由跳转方式、基础路径、传递参数传递给微前端应用的参数，否则打开自己的页面；非微前端模式下，则按原跳转方式。

5.如权利要求3所述的基于pi...

【专利技术属性】
技术研发人员：吴志雄，庄明彬，洪丽静，
申请(专利权)人：南威软件股份有限公司，
类型：发明
国别省市：