李月喜:ToB Dev及大厂杂谈公众号主理人,本文来自大厂杂谈(关注大厂及大牛的开源项目及技术文章分享),欢迎大家关注我掘金号。
“ 大厂杂谈关注到腾讯宣布开源无界wujie微前端框架,已同步到Github,无界微前端采用 webcomponent + iframe 的沙箱模式 ”
腾讯开源微前端框架无界方案
无界微前端方案
微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持。 webcomponent 是一个浏览器原生支持的组件封装技术,可以有效隔离元素之间的样式,iframe 可以给子应用提供一个原生隔离的运行环境,相比自行构造的沙箱 iframe 提供了独立的 window、document、history、location对象,可以更好的和外部解耦。无界微前端采用 webcomponent + iframe 的沙箱模式,在实现原生隔离的前提下比较完善的解决了上述问题。
无界微前端适用场景
微前端场景都适用,并且实现了子应用间更加原生的隔离。
无界微前端特性介绍************
- 成本低
-
- 主应用使用成本低
- 子应用适配成本低
- 速度快
-
- 子应用首屏打开速度快
- 子应用运行速度快
- 原生隔离
-
- 样式通过 webcomponent 可以做到严格的原生隔离
- js 运行在 iframe 中做到严格的原生隔离
- 功能强大
-
- 支持子应用保活
- 支持子应用嵌套
- 支持多应用激活
- 支持应用共享
- 支持去中心化通信
- 支持生命周期钩子
- 支持插件系统
- 支持 vite 框架
- 兼容 IE9(需自行babel编译)
无界微前端项目规划****************
- 完善和优化功能,持续优化子应用对document和window的代理处理
- 开放更多框架的底层能力,适配更多用户场景
- 进一步降低子应用的改造成本
无界微前端开源地址
** **
github:github.com/Tencent/wuj…
无界微前端开源公告
腾讯开源,公众号:腾讯开源无界微前端开源公告
大厂杂谈微前端相关历史文章推荐: