gpt4 book ai didi

javascript - 微前端 - 方法

转载 作者:行者123 更新时间:2023-12-01 17:17:27 25 4
gpt4 key购买 nike

我有一个用 AngularJS (Angular 1) 构建的旧遗留应用程序,在这一点上进行框架更改或任何其他重大更改是不可行的。

有使用更新的堆栈构建的新应用程序及其本身的独立应用程序。我需要在旧的遗留应用中呈现这个新应用。

我可以使用 iframe 实现此目的-

<div id="i-am-old-app">
<iframe src="www.mynewapp.com/index.html"></iframe>
</div>

我可以使用自定义网络组件。

<div id="i-am-old-app">
<my-new-app-web-component></my-new-app-web-component>
</div>

我可以使用哪些其他最佳方法?主要目标是拥有高性能的应用程序,如果新应用程序有代码更新,则不需要在旧应用程序中进行新部署。

最佳答案

您可以尝试使用以下方法之一

  1. https://martinfowler.com/articles/micro-frontends.html
  2. https://single-spa.js.org/

第二个是微前端架构的框架。第一种是自己实现微前端的方法。它解释得很好,它有一个非常酷的例子,在开始时真的很有帮助:)

关于javascript - 微前端 - 方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61671213/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com