Piral Piral 的目标是让你可以使用微前端轻松构建门户应用程序。你可以使用 Piral 创建模块化前端应用程序,并利用微前端体系结构在运行时使用称为 pilets 的解耦模块进行扩展。 这是一个现场演示: https://youtu.be/SkKvpBHy\_5I Piral 所要求的前提条件相当宽松,开发人员仅需要安装喜欢的编辑器、终端、网络浏览器和 Node.js 即可。 开发者可以在本地开发机的仿真器中执行和调试 Piral instance(应用程序外壳)和 piltes(功能模块)。 ? 项目链接 :https://github.com/smapiot/piral 6.
Piral Piral 的目标是让你可以使用微前端轻松构建门户应用程序。你可以使用 Piral 创建模块化前端应用程序,并利用微前端体系结构在运行时使用称为 pilets 的解耦模块进行扩展。 这是一个现场演示: https://youtu.be/SkKvpBHy_5I Piral 所要求的前提条件相当宽松,开发人员仅需要安装喜欢的编辑器、终端、网络浏览器和 Node.js 即可。 开发者可以在本地开发机的仿真器中执行和调试 Piral instance(应用程序外壳)和 piltes(功能模块)。 项目链接 https://github.com/smapiot/piral 6. OpenComponent Open Component(简称 OC)项目宣布其目标是“前端世界中的无服务器”。
Piral Piral 的目标是让你可以使用微前端轻松构建门户应用程序。你可以使用 Piral 创建模块化前端应用程序,并利用微前端体系结构在运行时使用称为 pilets 的解耦模块进行扩展。 这是一个现场演示: https://youtu.be/SkKvpBHy_5I Piral 所要求的前提条件相当宽松,开发人员仅需要安装喜欢的编辑器、终端、网络浏览器和 Node.js 即可。 开发者可以在本地开发机的仿真器中执行和调试 Piral instance(应用程序外壳)和 piltes(功能模块)。 项目链接 https://github.com/smapiot/piral 6. OpenComponent Open Component(简称 OC)项目宣布其目标是“前端世界中的无服务器”。
5 Piral Piral的目标是让你轻松通过微前端建立一个门户应用,它能够确保你能够创建一个模块化的应用程序,并且利用微前端体系结构,在运行时使用被称为“pilets”的解耦模块进行扩展。 你可以在本地开发计算机上的仿真器中,执行和调试Piral instance(应用程序外壳)和pilet(功能模块)。
类似的还有Piral、Luigi等。Qiankun开箱即用,非常简单的实现了微前端。
图 4 客户端组装 下列框架实现了这种(或类似的)模式: Piral Open Components qiankun Luigi Frint.js 服务端框架 服务端框架有多种选项。
以上两种是现阶段比较常用且较成熟的方案,后期文章中会详细介绍,除此之外,还有Piral、Luigi,以及腾讯的微前端oteam和无界(基于iframe)以及Hel微前端,美团的Bifrost,字节的lModern.js
通过客户端框架来实现 微前端通常由客户端工具来支持实现(听上去好有道理),有许多支持客户端开发微前端的实现工具,包括:Piral,Open Components,qiankun,Luigi,Frint.js 微前端架构还在发展之中,本文提到的iframe/nginx/module federation/single-spa只是诸多解决方案中的一小部分,前端的发展变化和生态系统实在是丰富,其他的方案诸如umd/乾坤,Piral
微前端也有一些有趣的解决方案,比如 Next.js 模块联盟、Piral、TailorX、ILC 等等。 对于 SSR 微前端应用,有不少我们应该开始进行更深入研究的话题。
其他:Bit, Luigi, Piral 等。 iframe:最简单的运行时隔离方案,但存在路由状态管理、UI 不一致、通信困难等问题。