如何将整个 angularjs 应用程序嵌入到单独部署的现有应用程序中

Question

我的应用程序的逻辑类似于谷歌的应用程序切换器，让我称之为Wrapper。这个应用程序发生在所有谷歌服务上，并且到处都有一致的用户界面。

我正在寻找解决方案，以将几个具有自己样式、视图和 JS 的已完成不同应用程序注入到我的 Wrapper 应用程序中。它们是用不同的技术编写的，比如 React 和 Angular。

如何实现这样的架构？如果是，Web 组件是否可以解决此问题 - 请提供一些示例。 （目的是单独部署包装器和所有内容应用程序，因此它们将具有来自包装器的一致 UI 和逻辑。

请不要提及iframe！

Answer 1

我们已经完成了类似的模型，称为 UI shell，任何开发人员都可以在任何技术堆栈中开发微应用程序，如 angular、react、vue 等，但主应用程序会将它们作为其应用程序的一部分使用，并将它们作为主应用程序的一部分显示应用程序。您是否正在寻找类似的方法。