Conforme conversado, hoje existe uma necessidade apontada pela equipe de Varejo onde eles precisam que seja apresentado no monitor do EAI as integrações que ocorrem entre o PDV e o backoffice. A visualização das integrações requer a apresentação de informações especificas, que precisam ser exibidas no monitor do EAI2. Para apresentar essas informações, primeiramente a área de negócio terá de desenvolver uma tela para apresentar esses dados customizados.
Existem algumas formas de apresentar esta tela no monitor EAI, abaixo seguem as sugestões.
Primeira sugestão: Criar um arquivo json com as URLs das telas contendo os dados customizados, e o monitor verificará esse arquivo para montar o menu do monitor. Abaixo segue um exemplo de como pode ser montado este arquivo.
{ "link1": "http://modulo1", "link2": "http://modulo2", "link3": "http://modulo3" }
Fonte: https://www.intertech.com/Blog/deploying-angular-4-apps-with-environment-specific-info/
Depois de ter montado o menu com os links das telas customizadas, deverá ser criada uma estrutura para que essas telas sejam apresentadas em um iframe dentro do monitor. Além de ter um desacoplamento entre o monitor e as telas especificas, elas poderiam estar em outros servidores, evidenciando a distinção de responsabilidades e auxiliando no direcionamento do suporte para as áreas responsáveis.
Segunda sugestão: Colocar o monitor em um repositório de fontes publico, como o GitHub, para ter a possibilidade de fazer um fork do monitor e assim cada área teria o seu monitor com as informações customizadas.
Terceira sugestão: Utilizar o mesmo arquivo citado na primeira sugestão, porém a parte de renderização da tela especifica seria através de módulos e esses módulos seria importado no monitor, pois hoje não existe uma estrutura genérica para esse fim. Então o módulo especifico ficaria acoplado ao monitor.