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.
Navegação e estrutura
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.
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
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.
Painel de execução
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.
Modos de Design e Inspeção
O Canvas opera em dois modos: Design e Inspeção. Por padrão, ele é aberto no Modo de Design, onde você cria e edita seu fluxo. Quando você executa o fluxo, o Modo de Inspeção é ativado para ajudá-lo a rastrear o caminho de execução e visualizar mais informações sobre cada conector.
No Modo de Inspeção, o caminho de execução é destacado em verde, enquanto as partes não executadas do fluxo são representadas por linhas tracejadas e conectores esmaecidos. Conectores em vermelho indicam falhas de execução.
.
Localizado no canto inferior direito, o minimapa ajuda a navegar rapidamente por fluxos extensos. Conectores de sub-nível, como e , aparecem com cores distintas no minimapa, facilitando a identificação. O minimapa é fechado por padrão, podendo ser ativado conforme necessário.
Saiba mais na .
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 , , e .
