如何为微服务构建前端

Question

我们说我有十几个微服务。我想知道前端应该去哪里。让我们说前端是HTML，Javascript，CSS。一种方法是将其作为由UI团队处理的单独服务。因此，它可以形成API网关，其中来自浏览器的请求首先出现。但这似乎违背了独立自足服务的想法 浏览器------＆gt; API网关------＆gt;微服务
在this链接中，他们说Javascript和CSS应由微服务提供。 API网关应仅提供HTML页面。这是一个很好的图表，显示了这个＆gt;＆gt; 我有两个问题 1.这将如何实施？ API网关将如何为微服务中的JS和CSS文件提供服务，也可能为HTML片段提供服务。初始页面加载将如何发生以及从何处发生 2.现在我们将HTML混合到微服务中。但是，如果我也想提供Android和iOS应用程序呢？感谢。

Answer 1

让我试着直接回答你的两个问题而不讨论任何一种方法。

如何实施？

如果您使用MV *模式，则可以使用模块化Web应用程序。 AngularJS和ReactJS都支持通过webpack或requireJs按需构建模块化应用程序和加载模块。

由于您的UI由来自不同微服务的片段组成，因此您可能需要反向代理和一些CDN或缓存，以通过策划客户端对单个主机（域）的请求来加速页面加载。

如果我想提供Android和iOS应用程序怎么办？

原生应用程序需要一个API层，您可以将您的微服务整理到一个API网关中，甚至可以在移动应用程序和实际微服务之间开发一个中介API，以便只公开实际后端的一个简单子集。