微前端-方法

Question

我有一个在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>

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

Answer 1

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

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

第二个是微前端架构的框架。第一种是自己实现微前端的方法。它得到了很好的解释，并且有一个非常酷的示例，这在乞讨方面确实很有帮助:)