3

我有一个用 AngularJS (Angular 1) 构建的旧版应用程序,此时进行框架更改或任何其他重大更改是不可行的。

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

我可以使用 iframe 来实现这一点-

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

我可以使用自定义 Web 组件。

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

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

4

1 回答 1

1

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

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

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

于 2020-08-15T20:11:06.650 回答