现代 REST 应用程序是 3 层架构还是 4 层架构？

Question

我目前正在学习 UML 和部署/组件图，并希望将我现有的应用程序建模为 3 层或 4 层架构。我的应用有以下实例：

1. Angular 应用程序
2. Java Spring Boot 应用程序作为 REST-Web 服务
3. 数据库

所有三个实例都可以部署在不同的服务器上。在我看来，这是一个三层架构。但是现在我很困惑，因为我不确定带有 Web 浏览器的客户端是否是我架构的第 4 层。 webbrowser 和 Angular 应用程序是否可以在表示层中，如下所示：

我对此感到困惑和困惑，因为在这篇文章中：

Is this okay to use UML component diagram for a 3-tier Architecture?

他在表示层总结了应用程序和浏览器。

编辑：这就是我将其实现为 4 层架构部署图的方式：

Answer 1

您的应用程序具有 3 层架构。浏览器只是一个运行部分前端应用程序代码的执行环境。

前端应用程序在 Web 服务器上的部署（至少托管构成您的前端的静态文件，即使（因为您使用 Angular）它什么也不做）和 Web 浏览器上的部署分开.

API 是第二层。您的 Angular 应用程序正在连接到此以调用逻辑和访问数据。

数据库是第三层。

我会使用您的顶部图表，但将您的 Angular 应用程序嵌套在浏览器中。