我们从上面分析可以看出,qiankun的registerMicroApps方法中第一个入参apps - Array<RegistrableApp<T>>有三个参数name、activeRule、props都是交给single-spa使用,还有entry和render参数还没有用到。 我们这里需要关注entry(子应用的 entry 地址)和render(子应用被激活时触发的渲染规则)这两个还没有用到的参数,这两...
然而,qiankun 也不是万能的,它只对某些重要的函数和监听器进行打补丁。 其中最重要的补丁就是insertBefore,appendChild
1. 简介:qiankun是在single-spa的基础上实现的,可以保证各个项目独立使用,也可以集成使用。各系统之间不受技术栈的限制,集成使用也能保证各样式和全局变量的隔离。 模块的插拔式使用,当公司项目集是一个大系统下包含多个子系统或者模块时,可以采用这种方式动态部署各个系统。 亦或者是老项目技术升级和重构,可以通过qi...
Qiankun使用指南 加载模式 registerMicroApps函数 解释:自动加载微应用,一开始就把所有微应用加载到qiankun框架 loadMicroApp函数 解释:手动加载微应用,按需把对应的微应用加载到qiankun框架。 这个函数可以缓存当前某个组件,就像vue的keep-alive一样,不会销毁这个组件。 延伸: registerMicroApps函数一定要等挂载DOM元素...
Qiankun是一种微前端解决方案,它允许将一个大型前端应用拆分成多个小型、独立的前端应用,这些应用可以独立部署、升级和加载。为了实现这些前端应用之间的通信,Qiankun提供了两种通信方式:Actions通信和Storage通信。1. Actions通信Actions通信是Qiankun官方提供的一种通信方式,适合业务划分清晰、应用间通信较少的微前端应用...
qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台,在经过一批线上应用的充分检验及打磨后,我们将其微前端内核抽取出来并开源,希望能同时帮助社区有类似需求的系统更方便的构建自己的微前端系统,同时也希望通过社区的帮助将 qiankun 打磨的更加成熟完善。
qiankun 是基于 single-spa 做了二次封装的微前端框架,通过解决了 single-spa 的一些弊端和不足,来帮助大家实现更简单、无痛的构建一个生产可用的微前端架构系统。 因为qiankun 是基于 single-spa 做的二次封装,主要解决了 single-spa 的一些痛点和不足,所以最好对 single-spa 有一个全面的了解和认识,明白其...
qiankun是蚂蚁金服基于Single SPA开发的一个微前端实现库,简化了微应用的注册方式,增加了微应用的沙箱管理(js、css隔离)与全局状态共享机制,并且 qiankun 内部实现了一个解析html字符串获取静态资源地址的解析库import-html-entry,方便微应用接入与资源预加载。
Qiankun was birthed internally in our group during the time web app development by distributed teams had turned to complete chaos. We faced every problem micro frontend was conceived to solve, so naturally, it became part of our solution. ...
01 qiankun现状 qiankun 方案是基于 single-spa 的微前端方案。 优点如下: html entry 的方式引入子应用,相比 js entry 极大的降低了应用改造的成本; 完备的沙箱方案,js 沙箱做了 SnapshotSandbox、LegacySandbox、ProxySandbox 三套渐进增强方案,css 沙箱做了 strictStyleIsolation、experimentalStyleIsolation 两套适用...