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

How to add user interface design in microservice architecture

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

  1. 基本出版和产品目录
  2. 在 post
  3. 内发表评论
  4. 产品可以添加到购物车
  5. 购物车后支付特定产品
  6. 用户认证(登录注册)

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

你的优点和要求总是取决于你。

微服务没有特定的最佳实践来一起遵循某些语言,人们在微服务中使用不同的语言,如 Ruby、Node,以 React 作为前端或一个 Python 服务管理用户授权。

看你擅长什么,熟悉什么

您可以将 Python 应用程序创建为用户界面或响应或 HTML,它通过 API 调用或 grpc.

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

这是 Node 中的图书信息应用程序,Ruby、Python 使用 MySQL、MongoDB 等数据库

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