Angular4微型前端

时间:2017-08-11 10:52:32

标签: angular webpack

我们有一个由多个服务组成的应用程序,其中有边缘服务路由和负载平衡对各个服务的所有请求。

后端REST API在每台服务器上都没有问题,但是我们只有一个Angular4应用程序引用了与这个后端REST API一起开发的模块的路由。

如果我们发布新版本的服务,我们会部署后端,边缘服务器开始路由到新版本。

问题在于,我们总是需要重新部署边缘服务器以替换完整的Angular4应用程序,因为特定模块已更新。

我们使用angular-cli并自动生成(和散列)webpack包。我们所有的服务模块都在主应用程序中声明为npm依赖项,并捆绑为一个。

我们如何构建,打包和部署Angular4应用程序和我们的服务模块,以使主应用程序引用外部捆绑包并保持路由按预期工作?

提前致谢。

PS:后端服务和边缘服务器是使用Netflix OSS的Spring Cloud应用程序。

1 个答案:

答案 0 :(得分:1)

Angular-CLI 1.6将代码将延迟加载的功能模块拆分为单独的块,从理论上讲,这些块可以独立部署。 ng build。请注意,这仅适用于延迟加载要素模块的情况。

替代解决方案将是微型前端架构。虽然这个想法还处于起步阶段,但仍值得探讨:

https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to-front-end-web-development-f325ebdadc16

https://micro-frontends.org/