3

我有 Angular 6微前端应用程序。它在主应用程序中有 4 个不同的应用程序。以及如何在这些应用程序之间实现路由。以及如何在主应用程序(我在主应用程序中有很多子路由)和子应用程序中实现路由。我正在使用“@angular/elements”。请在此存储库中找到我的代码https://github.com/nagaraju123/microfrontend

4

1 回答 1

0

“真正的”微前端架构的路由应该遵循:

  • 每个微前端都是基础架构中的一个单独服务
  • 您在这些服务前面有一个入口/反向代理,允许根据路径路由到特定服务
  • 您有一个域名:app.yoursite.com
  • 您将入口配置为根据路径路由到正确/namespace/accounting的微前端(例如,转到会计前端)
  • 微前端自己控制它们如何发出请求(例如,会计前端服务于一些accountingPage.js,并且该页面中的代码将使所有带有前缀的获取请求/namespace/accounting:)

摘要:
这实际上取决于您所说的“微前端”是什么意思。通常当人们说微前端时,他们指的是创建单独的 JS 包,但仍然共享一个后端。

“真正的”微前端架构实现了静态资产/javascript 和后端/请求处理程序的完全封装。关注点分离,而不是技术分离。一个微前端提供的代码与另一个微前端提供的代码完全隔离......由一个共同的“平台”服务缝合在一起。

于 2020-12-28T21:50:27.633 回答