Angular6微前端路由

Question

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

Answer 1

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

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

​

摘要：

这真的取决于你所谓的“微前端”是什么意思。通常，当人们说微前端时，他们指的是创建单独的JS包，但仍然共享一个后端。

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