user-interface - 如何为微服务构建前端

Question

假设我有十几个微服务。我想知道前端应该去哪里。假设前端是 HTML、Javascript、CSS。一种方法是使其成为由 UI 团队处理的单独服务。所以它可以形成API网关，浏览器的请求首先进来。但这似乎与独立自包含服务的想法背道而驰。
浏览器 ------> API 网关 ------> 微服务

在 this链接，他们说 Javascript 和 CSS 应该由微服务提供。 API 网关应该只提供 HTML 页面。这是一个很好的图表显示了这个>>

我有两个问题
1. 这将如何实现？ API 网关将如何为微服务中的 JS 和 CSS 文件以及 HTML 片段提供服务。初始页面加载将如何发生以及从何处加载。
2. 现在我们正在将 HTML 混合到微服务中。但是，如果我也想为 Android 和 iOS 应用程序提供服务怎么办？谢谢。

Answer 1

让我尝试直接回答您的 2 个问题，而不讨论任何一种方法。

这将如何实现？

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

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

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

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