Introdução

O módulo "Integrações" permite que você combine facilmente APIs e serviços online por meio de programação visual. O módulo fornece uma interface amigável onde você pode arrastar e conectar blocos de nós, criando a lógica de suas aplicações visualmente. Isso simplifica o desenvolvimento, tornando-o acessível mesmo para aqueles que não são programadores profissionais, e acelera significativamente o processo de integração de vários sistemas:

Elementos Chave da Interface do Módulo de Integrações

Antes de começar a criar seus primeiros fluxos e integrações, vamos dar uma olhada na interface. Compreender como os principais elementos estão estruturados simplificará seu trabalho e ajudará você a se acostumar 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 a partir dos quais você construirá seus fluxos de dados.

Para usar um nó, basta arrastá-lo para o espaço de trabalho. Todos os nós têm seus propósitos específicos e podem ser configurados individualmente.

Exemplos de Nós:

• Inject: permite que você envie dados manualmente para o fluxo.
• Debug: envia dados e mensagens para o menu de depuração.
• Function: permite que você escreva código personalizado em JavaScript.
• Template: usado para criar modelos de texto ou HTML.

2. Abas

As abas estão localizadas acima do espaço 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 simultaneamente ou quiser separar a lógica em vários fluxos.

• Criando Novas Abas: Você pode adicionar uma nova aba clicando no botão de mais +. Cada nova aba representa um fluxo de dados separado, ajudando você a organizar melhor seu projeto.
• Renomeando Abas: Para renomear uma aba, clique duas vezes em seu nome e insira um novo nome. Isso é especialmente útil se você tiver muitas abas e quiser entender claramente o que cada uma contém.
• Excluindo 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 em uma integração de pagamento, pode criar abas separadas para cada serviço.

3. Espaço de Trabalho

O espaço de trabalho é a parte central da interface onde você constrói e edita seus fluxos de dados.

• Colocando Nós: Depois de arrastar um nó do painel esquerdo, ele aparecerá no espaço de trabalho. Aqui você pode movê-lo, conectá-lo a outros nós e criar a lógica do seu fluxo.
• Conectando Nós: Para conectar nós, basta arrastar uma linha da saída de um nó para a entrada de outro. Dessa forma, os dados serão passados pelo fluxo de um nó para outro.
• Gerenciando Fluxos: O espaço de trabalho permite que você crie múltiplos fluxos de dados, o que ajuda a organizar integrações e lógicas complexas.

Dica: Você pode aumentar e diminuir o zoom do espaço de trabalho usando seu mouse ou touchpad para ver todos os detalhes do seu fluxo.

4. Formulário de Edição de Nós

Quando você clica duas vezes em um nó no espaço de trabalho, o formulário de edição de nó é aberto. Esta é uma janela onde você configura o comportamento do nó.

• Campos de Configuração: Cada nó tem seus parâmetros que você pode editar. Por exemplo, no nó Function, você pode escrever e editar código.
• Salvando 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 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 dados de saída e mensagens do nó Debug.

• Visualizando 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 em seu fluxo e verificar a correção dos dados.
• Filtrando Mensagens: Você pode filtrar mensagens para ver apenas os dados que precisa. Isso é conveniente quando você tem muita saída de diferentes nós Debug.
• Limpando a Janela de Depuração: Use o botão de limpar para remover mensagens antigas e focar 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 processa os dados corretamente.

6. Botões de Controle

Botão de Tela Cheia

• Este botão permite que você expanda a interface do módulo de 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 de seus fluxos.

Botão de 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 entrem em vigor.