腾讯开源 | 腾讯宣布正式开源无界wujie微前端框架!采用 webcomponent + iframe 的沙箱模式

4,386 阅读3分钟

李月喜:ToB Dev及大厂杂谈公众号主理人,本文来自大厂杂谈(关注大厂及大牛的开源项目及技术文章分享),欢迎大家关注我掘金号。

 大厂杂谈关注到腾讯宣布开源无界wujie微前端框架,已同步到Github,无界微前端采用 webcomponent + iframe 的沙箱模式

腾讯开源微前端框架无界方案

wujie-micro.github.io/doc/guide/#…

图片

无界微前端方案

        微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持。        webcomponent 是一个浏览器原生支持的组件封装技术,可以有效隔离元素之间的样式,iframe 可以给子应用提供一个原生隔离的运行环境,相比自行构造的沙箱 iframe 提供了独立的 window、document、history、location对象,可以更好的和外部解耦。无界微前端采用 webcomponent + iframe 的沙箱模式,在实现原生隔离的前提下比较完善的解决了上述问题图片


无界微前端适用场景

微前端场景都适用,并且实现了子应用间更加原生的隔离。

无界微前端特性介绍************

  1. 成本低
    1. 主应用使用成本低
    2. 子应用适配成本低
  2. 速度快
    1. 子应用首屏打开速度快
    2. 子应用运行速度快
  3. 原生隔离
    1. 样式通过 webcomponent 可以做到严格的原生隔离
    2. js 运行在 iframe 中做到严格的原生隔离
  4. 功能强大
    1. 支持子应用保活
    2. 支持子应用嵌套
    3. 支持多应用激活
    4. 支持应用共享
    5. 支持去中心化通信
    6. 支持生命周期钩子
    7. 支持插件系统
    8. 支持 vite 框架
    9. 兼容 IE9(需自行babel编译)

无界微前端项目规划****************

  1. 完善和优化功能,持续优化子应用对document和window的代理处理
  2. 开放更多框架的底层能力,适配更多用户场景
  3. 进一步降低子应用的改造成本

无界微前端开源地址

** **

github:github.com/Tencent/wuj…

无界微前端开源公告

腾讯开源,公众号:腾讯开源无界微前端开源公告

大厂杂谈微前端相关历史文章推荐: