Angular6微型前端路由

Question

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

Answer 1

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

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

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

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