Pular para conteúdo

Integração com front-ends Angular e React

Além deste backend codificado em .net, esta POC compreende ainda:

  • Um outro backend construído utilizando a plataforma JAVA ⧉ que executa as mesmas funcionalidades e tem o mesmo contrato de interface REST.
  • Dois aplicativos do tipo front-end que conseguem ler e escrever dados utilizando esses backends.

Os front-ends disponíveis nos momento estão listados abaixo:

Front-End Índices - Angular

Front-End Índices - React

A verificação inicial de funcionamento será feita com o front-end codificado em React.

A configuração do front-end para a utilização do backend .net é bastante simples e feita diretamente no arquivo .env do projeto.

Configuração variável ambiente

Substitui-se o valor da variável VITE_DOT_NET pela url local da API de índices.

Ao iniciar o front-end, é possível escolher entre os dois backends implementados para esta POC. Para testar a versão .net, clique primeiramente no botão à direita e em seguida o botão "Ir para o Índice". Seleção do backend .net

Ao entrar na página de índices, uma nova lista de checagem será selecionada.

Exibição da primeira lista de checagem

Retornaremos a este front-end após a implementação da camada de persistência utilizando banco de dados relacional.