Introdução

O módulo "Integrações" permite combinar APIs e serviços online de forma fácil através da programação visual. O módulo oferece uma interface amigável, onde você pode arrastar e conectar blocos-nós, criando a lógica de suas aplicações de forma visual. Isso simplifica o desenvolvimento, tornando-o acessível até mesmo para aqueles que não são programadores profissionais, e acelera significativamente o processo de integração de diferentes sistemas:

Elementos principais da interface do módulo Integrações

Antes de começar a criar seus primeiros fluxos e integrações, vamos entender a interface. Compreender como os principais elementos funcionam facilitará o trabalho e ajudará você a se familiarizar mais rapidamente.

1. Painel esquerdo com nós

O painel esquerdo é onde você encontrará todos os nós disponíveis. Estes são os elementos que você usará para construir seus fluxos de dados.

Para usar um nó, basta arrastá-lo para a área de trabalho. Todos os nós têm suas funções e podem ser configurados individualmente.

Exemplo de nós:

• Inject: permite enviar dados para o fluxo manualmente.
• Debug: exibe dados e mensagens no menu de depuração.
• Function: permite escrever código personalizado em JavaScript.
• Template: usado para criar modelos de texto ou HTML.

2. Abas

As abas estão localizadas acima da área de trabalho e permitem que você alterne entre diferentes projetos ou fluxos de dados. Isso é conveniente se você estiver trabalhando em várias integrações ao mesmo tempo ou quiser dividir a lógica em vários fluxos.

• Criar Novas Abas: Você pode adicionar uma nova aba clicando no botão com o sinal de mais +. Cada nova aba representa um fluxo de dados separado, o que ajuda a organizar melhor o projeto.
• Renomear Abas: Para renomear uma aba, clique duas vezes em seu nome e digite um novo nome. Isso é especialmente útil se você tiver muitas abas e quiser entender claramente o que há em cada uma delas.
• Excluir Abas: Você pode excluir uma aba se não precisar mais dela. No entanto, tenha cuidado para não perder dados importantes.

Exemplo: Se você estiver trabalhando na integração de pagamentos, pode criar abas separadas para cada serviço.

3. Área de Trabalho

A área de trabalho é a parte central da interface, onde você constrói e edita seus fluxos de dados.

• Posicionamento de Nós: Depois de arrastar um nó do painel esquerdo, ele aparecerá na área de trabalho. Aqui você pode movê-lo, conectá-lo a outros nós e criar a lógica do seu fluxo.
• Conexão de Nós: Para conectar nós, basta arrastar uma linha da saída de um nó para a entrada de outro. Assim, os dados serão transmitidos pelo fluxo de um nó para outro.
• Gerenciamento de Fluxos: A área de trabalho permite criar vários fluxos de dados, o que ajuda a organizar integrações complexas e lógicas.

Dica: Você pode ampliar a área de trabalho usando o mouse ou o touchpad para ver todos os detalhes do seu fluxo.

4. Formulário de edição de nó

Quando você clica duas vezes em um nó na área de trabalho, abre-se o formulário de edição de nó. Esta é a janela onde você configura o comportamento do nó.

• Campos de Configuração: Cada nó tem seus próprios parâmetros que você pode editar. Por exemplo, no nó Function, você pode escrever e editar código.
• Salvar Alterações: Após editar o nó, clique no botão Submit para salvar as alterações.

Exemplo: No nó Function, você pode escrever código em JavaScript que transforma dados. No nó Template, você pode criar um modelo que insere dados dinamicamente.

5. Painel de depuração

O painel de depuração está localizado à direita e é usado para visualizar saídas e mensagens do nó Debug.

• Visualizar Mensagens: Quando você executa o fluxo de dados, o nó Debug envia mensagens para o menu de depuração. Isso ajuda você a ver o que está acontecendo no seu fluxo e verificar a precisão dos dados.
• Filtrar Mensagens: Você pode filtrar mensagens para ver apenas os dados que precisa. Isso é conveniente quando você tem muitas saídas de diferentes nós Debug.
• Limpar a Janela de Depuração: Use o botão de limpeza para remover mensagens antigas e se concentrar em novos dados.

Exemplo: Se você estiver usando o nó Function para realizar cálculos, adicione um nó Debug no final do fluxo para verificar se seu código está processando os dados corretamente.

6. Botões de controle

Botão "Abrir em tela cheia"

• Este botão permite expandir a interface do módulo Integrações para tela cheia, o que é útil ao trabalhar em fluxos de dados complexos ou ao demonstrar o projeto em um monitor grande.
• Ao clicar neste botão, você terá mais espaço para edição e poderá ver melhor todos os detalhes dos seus fluxos.

Botão "Publicar"

• Este é o botão principal que salva e implanta todas as alterações feitas em seus fluxos de dados, tornando-os ativos. Depois de adicionar ou modificar nós, certifique-se de clicar neste botão para que suas configurações comecem a funcionar.

Botão "Importar"

• Este botão permite importar um esquema existente de JSON ou um exemplo da lista. Você pode saber mais na seção Importar.