前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >无界微前端开源公告

无界微前端开源公告

作者头像
腾讯开源
发布2022-07-06 20:10:14
1.4K0
发布2022-07-06 20:10:14
举报

微前端已经是一个非常成熟的领域了,但开发者不管采用哪个现有方案,在适配成本、样式隔离、运行性能、页面白屏、子应用通信、子应用保活、多应用激活、vite 框架支持、应用共享等用户核心诉求都或存在问题、或无法提供支持。

webcomponent 是一个浏览器原生支持的组件封装技术,可以有效隔离元素之间的样式,iframe 可以给子应用提供一个原生隔离的运行环境,相比自行构造的沙箱 iframe 提供了独立的 window、document、history、location对象,可以更好的和外部解耦。无界微前端采用 webcomponent + iframe 的沙箱模式,在实现原生隔离的前提下比较完善的解决了上述问题。

无界微前端开源地址

github:https://github.com/Tencent/wujie

文档:https://wujie-micro.github.io/doc

demo:https://wujie-micro.github.io/demo-main-vue/home

无界微前端适用场景

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

无界微前端特性介绍

  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. 进一步降低子应用的改造成本
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-07-04,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯开源 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档