Canvas

Saiba mais sobre o Canvas, o ambiente de desenvolvimento da Digibee Integration Platform que facilita a criação rápida de pipelines e cápsulas.

O Canvas é o ambiente principal da Digibee Integration Platform para a criação de pipelines e cápsulas. Ele proporciona uma forma intuitiva e flexível de visualizar e construir fluxos de integração, inclusive os mais complexos.

Para saber mais sobre a criação de fluxos em pipelines e cápsulas, consulte as seguintes documentações:

Esta documentação explora detalhadamente todas as funcionalidades do Canvas, mostrando como elas podem te auxiliar na construção de fluxos mais eficientes e eficazes.

Smart Connector User Experience

O Smart Connector User Experience permite adicionar novas conexões diretamente no fluxo, sem a necessidade de arrastar itens da paleta de conectores e cápsulas. Além disso, ele oferece uma pesquisa unificada de elementos no Canvas, facilitando a navegação e o uso.

Para adicionar uma nova conexão, basta clicar no botão + no final ou no meio do fluxo e escolher o próximo passo entre as opções disponíveis.

Saiba mais sobre o Smart Connector User Experience.

Destaque em conectores disponíveis

Ao puxar a linha de conexão a partir do botão +, os conectores elegíveis para receber a conexão são destacados automaticamente, tornando mais fácil identificar o local correto para continuar o fluxo.

Árvore do fluxo

A Flow tree oferece uma visão completa do seu fluxo em formato de árvore, exibindo todos os conectores, incluindo aqueles em subfluxos. Ela mostra tanto os conectores conectados quanto os desconectados, proporcionando uma visão geral clara da estrutura do fluxo.

Campo de busca

O campo de busca permite localizar conectores, contas, variáveis globais ou qualquer outro campo nos formulários de configuração dos conectores. Após encontrar o item desejado, você pode focar nele ou abrir suas configurações para realizar ajustes necessários.

Controle de visualização

Auto pan

Ao arrastar um conector, o Canvas acompanha automaticamente o movimento do cursor, facilitando a navegação em pipelines e cápsulas de grande escala. Dessa forma, você pode mover conectores sem perder a visibilidade do fluxo.

Reorganizar

O botão Reorganizar permite organizar os conectores para tornar o fluxo mais legível. Conectores desconectados são dispostos verticalmente à esquerda, enquanto os conectados são alinhados horizontalmente para uma melhor visualização.

Além disso, você pode usar o atalho Ctrl (Cmd) + O para reorganizar rapidamente o fluxo.

Minimapa

Localizado no canto inferior direito, o minimapa ajuda a navegar rapidamente por fluxos extensos. Conectores de sub-nível, como Choice e Parallel Execution, aparecem com cores distintas no minimapa, facilitando a identificação. O minimapa é fechado por padrão, podendo ser ativado conforme necessário.

Para abrir o minimapa, você também pode usar o atalho Ctrl (Cmd) + Shift + M.

Controles de zoom

Utilize os controles de zoom para focar em partes específicas ou para visualizar todo o fluxo com maior amplitude.

Validação, teste e depuração

Linter: Validação de construção do Canvas

O Canvas possui um linter integrado que gera alertas em tempo real durante a criação de pipelines e cápsulas. Esses alertas ajudam os desenvolvedores a identificar e corrigir problemas rapidamente. Existem dois tipos de alertas:

  • Erros: indicam problemas críticos que precisam ser resolvidos antes de salvar o projeto.

  • Avisos: sinalizam oportunidades de melhoria que não impedem a conclusão do projeto.

Saiba mais na documentação sobre o Linter.

Painel de execução

O Painel de execução permite testar pipelines e cápsulas em um ambiente controlado, validando a lógica da integração. Ele utiliza valores registrados em serviços como Globals, Contas, Relacionamento e Multi-Instância.

Você também pode usar o atalho Ctrl (Cmd) + D para abrir o Painel de Execução, e Ctrl (Cmd) + Enter para executar o fluxo.

Para mais detalhes, consulte a documentação sobre o Painel de Execução.

Modos Design e Debug

O Canvas opera em dois modos distintos: Design e Debug. Por padrão, o modo Design é ativado para que você possa criar e editar o fluxo. Quando o fluxo é executado, o modo Debug entra em ação, permitindo rastrear o caminho da execução e visualizar detalhes de cada conector.

No modo Debug, o caminho percorrido pela execução é destacado em verde, enquanto partes não executadas aparecem com linhas tracejadas e conectores esmaecidos. Conectores em vermelho indicam falhas na execução.

Para mais informações, acesse a documentação sobre Modos Design e Debug.

Atualizado