哪个是微前端开发的最佳方法/框架?
我有超过 5 个基于 angular、react 和 vue 的应用程序,并希望在单个 UI 上显示所有 5 个应用程序。我们有许多微前端框架,如单一 spa、piral、moisaic 项目、Podium 等等。现在市场上有售。需要一张清晰的图片来帮助我使用任何框架来实现它。
哪个是微前端开发的最佳方法/框架?
我有超过 5 个基于 angular、react 和 vue 的应用程序,并希望在单个 UI 上显示所有 5 个应用程序。我们有许多微前端框架,如单一 spa、piral、moisaic 项目、Podium 等等。现在市场上有售。需要一张清晰的图片来帮助我使用任何框架来实现它。
这一切都取决于。
显然,我对Piral有偏见,但为了让 Piral 高效,您需要检查以下要点中的一些(越多越好):
你提到的其他人也有类似的名单。
希望有帮助!
我认为 Web 组件可以解决您的问题。您将 react/angluar/vue/whatever 封装在自定义元素中,并通过属性和事件相互通信
但要小心,并非所有框架都能很好地使用自定义元素 - https://custom-elements-everywhere.com/
你可以在这里找到一个很好的例子 - https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements
首先,让我们弄清楚为什么要使用微前端?
我们将使用微前端,因为我们有分布式系统,并且希望在客户需要在日常工作中使用不同的 Web 服务时为他们提供一致的体验。
我们使用 React 来构建我们的微前端服务,因为很容易管理那些遵循我们的材料设计的组件,必须有一些团队或某人来做和维护整体架构,比如样式、通用组件和实践。
有关详细信息,我们主要关注这篇很棒的文章
我们仍在进行中,希望能对此进行更多讨论。