Histórico da Página
Column | ||
---|---|---|
| ||
EAI (do inglês Enterprise Application Integration) é uma referência aos meios computacionais e aos princípios de arquitetura de sistemas utilizados no processo de Integração de Aplicações Corporativas. Os procedimentos e ferramentas de EAI viabilizam a interação entre sistemas corporativos heterogêneos por meio da utilização de serviços. |
Tagcloud | ||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Objetivo do documento
draw.io Diagram | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Conceitos gerais de integração
- Definição de EAI
- Por que integrar?
- Formas de integração
- Elementos de uma integração
Tecnologias
- XML/SOAP
- JSON/REST
Mensagem Padronizada
- Termos e conceitos
- Anatomia de uma mensagem
draw.io Diagram | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Definição de EAI
Painel | |||||||
---|---|---|---|---|---|---|---|
| |||||||
Definição de EAI
|
Por que Integrar?
Expandirpanel | |||||||
---|---|---|---|---|---|---|---|
| |||||||
| |||||||
Por que Integrar?
|
Alguns conceitos
Painel | |||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||||||||
Alguns conceitosFormas de Integração - Modos de Comunicação
Elementos de uma Integração
|
Integração EAI2
Fluxos de ComunicaçãoPainelexpand | |||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||
Integração EAI2Fluxos de Comunicação
Componentes da Integração - JOINVILLE
| 1 |
Endereço WSDL - TOMCAT
XML/SOAPJSON/RESTMÉTODOS (Verbos) HTTP REST draw.io Diagram | | |||||||||
border | false | |||||||||
---|---|---|---|---|---|---|---|---|---|---|
viewerToolbar | true | |||||||||
fitWindow | false | diagramDisplayName |
O endereço WSDL segue o formato abaixo:
Na arquitetura TOMCAT, não existe a dependência com webservices, por esse motivo a URL do WSDL para essa arquitetura é fixa. Também existe a URL para RPC, quando for necessário integrar com outra aplicação Datasul. Neste caso o endpoint da URL segue o padrão de sufixo a seguir:
|
Tecnologias envolvidas na Integração
Expandir | ||
---|---|---|
| ||
Tecnologias envolvidas na IntegraçãoXML/SOAPJSON/RESTMÉTODOS (Verbos) HTTP REST |
|
|
draw.io Diagram | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
|
|
Painel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Mensagem Padronizada (antes conhecida como mensagem única) é o modelo de dados em que todos os produtos da TOTVS devem trabalhar durante troca de informações. Seu objetivo é evitar o processo de transformação de mensagens, fazendo assim com que a mensagem, após definida, torne-se padrão independente de produtos. |
Painel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Com o modelo de mensagem apresentado, também se torna uniforme seu tratamento pelos produtos, principalmente no que diz respeito à capacidade de rastreamento, pois em seu conteúdo é possível identificar a origem e o tipo. |
Painel | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
Além disso, a mensagem única estabelece alguns padrões que devem ser seguidos por todos os produtos que participam de integrações. Esses padrões, por exemplo, definem tipos de mensagens suportadas e informações obrigatórias que farão parte do conteúdo de cada mensagem. Porém, a composição dessas mensagens será definida em conjunto com especialistas de negócio e não faz parte do escopo deste documento. |
draw.io Diagram | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
draw.io Diagram | ||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
BUSINESS MESSAGE
A estrutura da Mensagem de Negócio está dividida em 3 partes.
RESPONSE MESSAGE
A estrutura da Mensagem de Resposta está dividida em 4 partes.
RECEIPT MESSAGE
A estrutura da Mensagem de Recebida está dividida em 2 partes.
Fluxo de criação da mensagem padronizada
Para tornar oficial uma Mensagem padronizada é preciso passar por algumas fases de homologação. Abaixo segue o fluxo para que isso aconteça.
Fluxo de criação da mensagempadronizada
Expandir | ||
---|---|---|
| ||
draw.io Diagram | |||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
Fluxo de criação da mensagem padronizada
Expandir | ||
---|---|---|
| ||
icon | false |
---|
HTML |
---|
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}
/* Style the tab */
.tab {
float: left;
border: 1px solid #ccc;
background-color: #f1f1f1;
width: 30%;
height: 300px;
}
/* Style the buttons inside the tab */
.tab button {
display: block;
background-color: inherit;
color: black;
padding: 22px 16px;
width: 100%;
border: none;
outline: none;
text-align: left;
cursor: pointer;
transition: 0.3s;
font-size: 17px;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #ddd;
}
/* Create an active/current "tab button" class */
.tab button.active {
background-color: #ccc;
}
/* Style the tab content */
.tabcontent {
float: left;
padding: 0px 12px;
border: 1px solid #ccc;
width: 70%;
border-left: none;
height: 300px;
}
</style>
</head>
<body>
<h2>Vertical Tabs</h2>
<p>Click on the buttons inside the tabbed menu:</p>
<div class="tab">
<button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</button>
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
<button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>
<div id="London" class="tabcontent">
<h3>London</h3>
<p>London is the capital city of England.</p>
</div>
<div id="Paris" class="tabcontent">
<h3>Paris</h3>
<p>Paris is the capital of France.</p>
</div>
<div id="Tokyo" class="tabcontent">
<h3>Tokyo</h3>
<p>Tokyo is the capital of Japan.</p>
</div>
<script>
function openCity(evt, cityName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(cityName).style.display = "block";
evt.currentTarget.className += " active";
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
|
|