... | @@ -4,9 +4,9 @@ |
... | @@ -4,9 +4,9 @@ |
|
|
|
|
|
## 7.2 Diagrama de Deployment
|
|
## 7.2 Diagrama de Deployment
|
|
- O projeto foi dividido em camadas que executam em dispositivos diferentes, e podem ser visualizadas na figura a seguir, juntamente das principais tecnologias envolvidas. Cada componente, incluindo possíveis sub-componentes, é instanciado em um contêiner **Docker** conforme será explicado no item 7.4.
|
|
- O projeto foi dividido em camadas que executam em dispositivos diferentes, e podem ser visualizadas na figura a seguir, juntamente das principais tecnologias envolvidas. Cada componente, incluindo possíveis sub-componentes, é instanciado em um contêiner **Docker** conforme será explicado no item 7.4.
|
|
<br>
|
|
|
|
<img src="http://www.tools.ages.pucrs.br/EasyWork/Wiki/raw/master/7.%20arquitetura/Deployment%20Diagram%20Easywork.png" alt="DEPLOYMENT_DIAGRAM"/>
|
|
<img src="http://www.tools.ages.pucrs.br/EasyWork/Wiki/raw/master/7.%20arquitetura/Deployment%20Diagram%20Easywork.png" alt="DEPLOYMENT_DIAGRAM"/>
|
|
<br>
|
|
|
|
- O dispostivo **Client** faz parte da camada de Front-End. Este dispositivo possui um componente **React.js Application** que é uma abstração de uma aplicação desenvolvida na linguagem **Javascript** utilizando a biblioteca **React.js** para comunicação com o usuário.
|
|
- O dispostivo **Client** faz parte da camada de Front-End. Este dispositivo possui um componente **React.js Application** que é uma abstração de uma aplicação desenvolvida na linguagem **Javascript** utilizando a biblioteca **React.js** para comunicação com o usuário.
|
|
- O dispositivo **Server** faz parte da camada de Back-end. Este dispositivo possui um componente **REST API** (Representational State Transfer - Application Programming Interface) que é uma abstração de uma aplicação desenvolvida na linguagem **Java** utilizando o framework **Spring** para implementar o conceito de **microsserviços**. Serve para validar regras de negócio e comunicar a camada do usuário com o servidor de banco de dados através de protocolo HTTP.
|
|
- O dispositivo **Server** faz parte da camada de Back-end. Este dispositivo possui um componente **REST API** (Representational State Transfer - Application Programming Interface) que é uma abstração de uma aplicação desenvolvida na linguagem **Java** utilizando o framework **Spring** para implementar o conceito de **microsserviços**. Serve para validar regras de negócio e comunicar a camada do usuário com o servidor de banco de dados através de protocolo HTTP.
|
|
- O dispositivo **Persistence** faz parte da camada de persistência de dados. Este dispositivo possui um componente **Relational Database** que é uma abstração de um banco de dados relacional **PostegreSQL**, que é responsável por armazenar e gerenciar todos os dados do sistema.
|
|
- O dispositivo **Persistence** faz parte da camada de persistência de dados. Este dispositivo possui um componente **Relational Database** que é uma abstração de um banco de dados relacional **PostegreSQL**, que é responsável por armazenar e gerenciar todos os dados do sistema.
|
... | @@ -15,15 +15,15 @@ |
... | @@ -15,15 +15,15 @@ |
|
## 7.3 Visão de sub-componentes da aplicação REST
|
|
## 7.3 Visão de sub-componentes da aplicação REST
|
|
- Cada rota disponibilizada para uso compõe um sub-componente do componente **REST API** descrito acima. Estas rotas e sua breve explicação podem ser encontradas na <a href="http://www.tools.ages.pucrs.br/EasyWork/Wiki/wikis/9.-rotas-api">wiki 9. rotas api</a>.
|
|
- Cada rota disponibilizada para uso compõe um sub-componente do componente **REST API** descrito acima. Estas rotas e sua breve explicação podem ser encontradas na <a href="http://www.tools.ages.pucrs.br/EasyWork/Wiki/wikis/9.-rotas-api">wiki 9. rotas api</a>.
|
|
- Outro modo de visualização e entendimento de comportamento das rotas é através da ferramenta <a href="https://www.getpostman.com/">**Postman**</a>, cujas coleções de rotas por microsserviço podem ser obtidas no <a href="http://www.tools.ages.pucrs.br/EasyWork/Wiki/tree/master/9.%20rotas%20api">repositório 9. rotas api</a>.
|
|
- Outro modo de visualização e entendimento de comportamento das rotas é através da ferramenta <a href="https://www.getpostman.com/">**Postman**</a>, cujas coleções de rotas por microsserviço podem ser obtidas no <a href="http://www.tools.ages.pucrs.br/EasyWork/Wiki/tree/master/9.%20rotas%20api">repositório 9. rotas api</a>.
|
|
|
|
|
|
<br><br>
|
|
<br><br>
|
|
|
|
|
|
## 7.4 Conteinerização e Diagrama de Microsserviços
|
|
## 7.4 Conteinerização e Diagrama de Microsserviços
|
|
- Para a implantação do sistema (deploy) utiliza-se <a href="https://www.docker.com/">**Docker**</a>, uma tecnologia de software que permite que a utilização contêineres (virtualizações em nível de sistema operacional) que empacotam uma aplicação e suas dependências em um recipiente virtual.
|
|
- Para a implantação do sistema (deploy) utiliza-se <a href="https://www.docker.com/">**Docker**</a>, uma tecnologia de software que permite que a utilização contêineres (virtualizações em nível de sistema operacional) que empacotam uma aplicação e suas dependências em um recipiente virtual.
|
|
- Mais precisamente, utiliza-se <a href="https://docs.docker.com/compose/overview/">**Docker Compose**</a>, uma ferramenta que define e implementa um ambiente contendo múltiplos contêiners Docker.
|
|
- Mais precisamente, utiliza-se <a href="https://docs.docker.com/compose/overview/">**Docker Compose**</a>, uma ferramenta que define e implementa um ambiente contendo múltiplos contêiners Docker.
|
|
<img src="http://www.tools.ages.pucrs.br/EasyWork/Wiki/raw/master/7.%20arquitetura/Microservices%20Diagram%20Easywork.png" alt="MICROSERVICES_DIAGRAM"/>
|
|
- Abaixo encontra-se o diagrama de microsserviços onde:
|
|
<br><br>
|
|
* a caixa em branco representa o usuário do sistema, tipicamente um browse web.
|
|
|
|
* as caixas em azul representam as aplicações dockerizadas e implementadas no projeto.
|
|
|
|
* as caixas em cinza representam as aplicações não implementadas no projeto, podendo fazer parte de um futuro MVP.
|
|
|
|
|
|
## Documento de Arquitetura e Projeto Detalhado (exemplo):
|
|
<img src="http://www.tools.ages.pucrs.br/EasyWork/Wiki/raw/master/7.%20arquitetura/Microservices%20Diagram%20Easywork.png" alt="MICROSERVICES_DIAGRAM"/>
|
|
[Documento de Arquitetura e Projeto Detalhado - Overleaf](https://www.overleaf.com/read/nvwvftvfxpfb)
|
|
|
|
<br><br> |
|
<br><br> |