如何在微服务架构中添加用户界面设计答案

【问题标题】：How to add user interface design in microservice architecture如何在微服务架构中添加用户界面设计
【发布时间】：2021-10-17 20:52:35
【问题描述】：

我正在构建小型 vue.js 微服务应用程序，我几乎没有任何疑问。首先我使用mongoDB 作为我的数据库，我使用express。在我想使用Docker 和Kubernetes 部署应用程序之后。我想使用 5 个微服务：

基本出版和产品目录
在帖子内评论
产品可以加入购物车
在购物车后支付某些产品
用户身份验证（登录和注册）

所以问题是如果我要使用的微服务是基于后端的，如何添加用户界面设计。如果前端不能成为微服务的一部分，如何准确添加它。或者也许我应该使用React 并在javascript 代码中实现HTML/CSS 的东西？是否有可能，因为我只想将MongoDB 用于微服务中所需的每个数据库，并在Vue 中编写每个微服务？

【问题讨论】：

标签： vue.js user-interface microservices

【解决方案1】：

你的优点和要求始终取决于你。

对于微服务并没有特定的最佳实践来遵循某些语言，人们在微服务中使用不同的语言，如 Ruby、Node，以 React 作为前端或一个 Python 服务来管理用户身份验证。

这取决于你擅长和熟悉什么。

您可以将 Python 应用程序创建为用户界面或 react 或 HTML，通过 API 调用或 grpc 调用后端服务。

Istio 存储库中有一个示例：https://github.com/istio/istio/tree/master/samples/bookinfo

这是一个使用 MySQL、MongoDB 等数据库的 Node、Ruby、Python 书籍信息应用程序。

https://cloud.google.com/service-mesh/docs/deploy-bookinfo

更新：

对于 Vue 基础，此博客和 repo 可能会有所帮助 vue-microfrontend

https://itnext.io/setup-a-micro-frontend-architecture-with-vue-and-single-spa-2c89528bf72f

回购：https://github.com/vue-microfrontends

【讨论】：

这正是我想要的！你能给我一个通过 API 调用调用后端服务的 HTML 的确切示例。我现在只想使用 Node (vue.js)，因为我最熟悉它。
github.com/vue-microfrontends & itnext.io/… 也在回答中。
你能发送正确的链接吗？它说找不到错误 404
签入答案我也更新了答案。现在也在评论中更新。