micro-frontend - Angular6 微前端路由

Question

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

Answer 1

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

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

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

“真正的”微前端架构实现了静态 Assets /javascript 和后端/请求处理程序的完全封装。关注点分离，而不是技术分离。一个微前端提供的代码与另一个微前端提供的代码完全隔离……由一个通用的“平台”服务拼接在一起。