Angular 模块联合和远程服务

Angular Module Federation and remote services

我正在用几个微前端分解一个 Angular 网络。其中一个微前端处理购物车,它有一项服务来存储已添加的产品。我的 shell 微前端需要使用该服务在图标中显示车内有多少物品、添加新物品等。

我可以在存储在不同微前端的微前端中使用服务吗?

我正在使用这个 tutorial,但它只解释了如何路由另一个微前端中的页面。

谢谢。

Can I use a service in a microfrontend that is stored in a different microfrontend?

否。您的微前端中的代码不在彼此之间共享。

您需要在您的存储库中创建一个库项目。此库将在您的 micro-apps 之间共享。在这里您可以创建一个服务,用于存储一些数据并在应用程序之间共享。

https://angular.io/guide/creating-libraries

正在使用 Nx 工作区:https://nx.dev/workspace/library