Are modern REST-Applications 3-Tier-Architecture or 4-Tier-Architecture?
I am currently learning UML and Deployment/Component Diagrams and want to model my existing application into a 3- or 4-Tier-Architecture. My App has the following instances:
- Angular Application
- Java Spring Boot Application as REST-Webservice
- Database
All three instances can be deployed on different servers. In my mind, this is a 3-Tier-Architecture. But now I am confused, because I am not sure, if the Client with the Web Browser is the 4th tier of my architecture. Can the webbrowser and the angular application be in the presentation layer, like this:
I am thinking and confused about this, because in this post:
Is this okay to use UML component diagram for a 3-tier Architecture?
he summarizes the application and the browser in the presentation layer.
EDIT: This is how I would realize it as a 4-Tier-Architecture Deployment Diagram:
Your application has a 3-tier architecture. The browser is simply an execution environment that is running part of your front-end application code.
The front-end application is split between deployment on the web server (at a minimum, hosting the static files that comprise your front-end even if (because you are using angular) it is doing nothing more) and the web browser.
The API is the second tier. Your angular app is connecting to this to invoke logic and access data.
The Database is the third tier.
I would go with your top diagram, but put your angular app nested inside the browser.
- Visitor Design Pattern - return type
- Adding On-Premise node to EKS - Kubernetes
- What's the right ZeroMQ architecture for my scenario?
- Data duplication or async on-demand oriented communication on microservices
- Project / dll architecture to avoid circular references but maintain modularity
- Bluespec Verilog - polymorphic vector type
- Web Application Architecture?
- Service oriented architecture vs Microservices
- Macro definition to determine big endian or little endian machine?
- What is multi tenancy and ways to achive it?
- Flutter BLoC library: Where to keep the TextEditingController object: in State, in BLoC / Cubit class or in the widget?
- Conflicting REST urls
- Azure pipelines - system.debug variable overriden
- Kafka Streams state store vs MongoDB for state management
- Resources for learning how to design a multi-process software and how to decide which approach to use
- What is Abstractness vs. Instability Graph?
- service oriented architecture vs headless architecture
- Calling commands from within another command Handle() method
- Using router to navigate directly instead of using context in async callback?
- What is the right approach to encapsulate platform specific code in Go?
- The proper way to handling multiple user roles and 2 statues for changing logic and UI in React
- Should I share models across multiple microservices?
- Difference between event handlers and callbacks
- What is Action used in Struts 2 in terms of MVC pattern?
- What is the principle of "code moving to data" rather than data to code?
- Difference between DTO and Response Object?
- Where should the port interfaces in hexagonal architecture go? in application or domain?
- How to detect target architecture using CMake?
- How to organize my backend if its only job is to scrape and return API data?
- Is getOrCreate function a good or a bad practice?