5

我正在尝试将微前端和微服务的概念应用到我当前的项目中。
对于前端开发,我使用https://quasar.dev/和后端https://www.scala-lang.org/
我有以下情况:

在此处输入图像描述

我有 3 个微服务,每个都有自己的前端,在 NGINX 容器中运行。此外,每个微服务都有自己的后端,并且是用 Scala 编写的。

现在,我要实现的目标如下:

在此处输入图像描述

  • 我输入 url example.io/app1,然后应该调用microservice1 。App Shell 的内容(带有蓝色边框的矩形)应该显示来自microservice1的 quasar 应用程序。

  • 然后我将 url 更改为 example.io/app2。然后应该调用microservice2并且 App Shell 的内容(带有蓝色边框的矩形)应该显示来自microservice2的 quasar 应用程序。

App Shell 就像一个容器,另一个应用程序在其中运行。Martin Fowler 写了一篇关于微前端的精彩文章。

问题是,如何创建一个 App Shell 作为前端应用程序的主要布局?

4

0 回答 0