O VTAP é a plataforma de baixo código da Vtiger que ajuda desenvolvedores e administradores a estender os recursos do CRM. Temos duas ferramentas que fornecem a capacidade de criar aplicativos de baixo código.
Um é o designer de módulo e o outro é o designer de API. Neste blog, veremos o que, como e quando usar o designer de módulo.
Designer de Módulo
Quando usar o Module Designer (casos de uso)
Você pode usar o Module Designer para:
- Aplicar fórmulas complexas e atualizar um campo
- Piscar um aviso quando um usuário inserir informações incorretas
- Salvar algumas preferências do usuário
- Salvar configurações de extensão ou dados de configuração
- Adicionar botões, widgets e ícones
O que o Module Designer fornece para cumprir os objetivos acima?
- Ambiente de desenvolvimento integrado (IDE), onde você pode escrever a lógica e o código personalizado
- APIs Javascript VTAP
Como usar o Module Designer?
O Designer de Módulo está disponível em Menu Principal> Aplicativo de Plataforma. É gratuito para todos os clientes Professional e Enterprise. Se você deseja desenvolver e lançar extensões para o mercado, você pode assinar uma edição gratuita para desenvolvedores em SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
Você pode usar o Module Designer para adicionar o seguinte:
- Scripts VTAP - permite adicionar botões personalizados, widgets, etc.
- Componentes - permite adicionar componentes personalizados.
- Estilos VTAP - ajuda você a mudar a aparência da IU.
- Página - permite adicionar páginas personalizadas.
Neste blog, discutiremos como adicionar scripts VTAP ao Module Designer.
Adicionando Scripts VTAP
Scripts VTAP são os pontos de entrada para lógica personalizada. Você começa dando um nome ao script e selecionando o módulo para o qual o script deve ser executado. É importante escolher um módulo, pois muitas vezes você tem necessidades específicas do módulo, como ouvir o clique de um botão de um contato ou salvar um registro.
Você pode escolher criar um módulo de extensão customizado ou usar módulos existentes para adicionar um script.
Observação: Crie um módulo de extensão se quiser que o módulo seja lançado através do mercado Vtiger.
Agora, vamos examinar alguns exemplos do uso de scripts VTAP.
1 exemplo: Um botão foi adicionado à página de lista de leads. Cada script é criado com esta estrutura básica com o nome escolhido para o script, conforme mostrado abaixo.
O bloco de construção básico do VTAP é um componente e é baseado no componente Vue e em seus eventos do ciclo de vida.
- Nome do componente: Leads_Component_Register
- Sintaxe: {{MODULE}}_Component_{{NAME}}
- Os componentes se estendem de: VTAP.Component.Core.extend
Funções
- Criado função é o ponto de entrada para qualquer componente. Esta é a função onde você pode registrar botões ou ouvir eventos.
- Modelo é onde você adiciona seu HTML, se houver.
- De Depósito é onde você adiciona funções que são chamadas no HTML do modelo. No exemplo abaixo, estamos chamando a função ClickMe quando um botão é clicado. É assim que o código final se parece:
VTAP.Componente.Registrar A API ajuda a adicionar botões, widgets, ícones, etc. O primeiro parâmetro da API informa onde você deseja adicionar seus componentes personalizados. Para ver a lista de componentes suportados, clique em SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
2 exemplo: Adicionando um widget à Visão Resumida de Contatos e Organizações.
Você pode usar um registro para adicionar o mesmo widget em vários módulos. Nesses casos, devemos adicionar o VTAP Script para todos os módulos (use o menu suspenso ao criar o VTAP Script).
Para a API VTAP.Component.Register, temos um 4º parâmetro que ajuda a selecionar os módulos aos quais os widgets devem ser adicionados. É assim que fica na Visão de Resumo das Organizações.
O VTAP também oferece a capacidade de ouvir as ações executadas pelo usuário. Por exemplo, quando um usuário cria ou atualiza um registro, abre uma página de detalhes, exibe uma janela pop-up de edição, etc. Para ver uma lista de tais eventos acionadores, clique em SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
Você precisa ouvir esses eventos e adicionar um manipulador para executar ações neles.
Abaixo está um exemplo para o evento – registro salvo. Este exemplo verificará o status do contato do contato quando o registro for salvo. Se o Status do Contato for Concorrente, uma Notificação será exibida dizendo, 'Cuidado!!'.
Da mesma forma, a plataforma VTAP forneceu vários ganchos de interface do usuário para inserir seus componentes personalizados, como botões na lista/página de detalhes, widgets na visualização de resumo e ícones.
Para todos os espaços reservados diferentes fornecidos, consulte os detalhes fornecidos em nosso documentação.
Em nossos próximos blogs, cobriremos os outros recursos do VTAP - Componentes personalizados, VTAP e páginas personalizadas.
Eu recomendo fortemente escrever seu próprio código. Comece pequeno com um botão personalizado e continue a partir daí. Use nosso Designer de Módulo exemplos, disponível em nossa documentação, como base para seu primeiro código. Você descobrirá que personalizar seu CRM pode ser um processo simples e divertido.
Para qualquer outra dúvida, envie um e-mail para [email protegido]. Inscreva-se na edição do desenvolvedor SUA PARTICIPAÇÃO FAZ A DIFERENÇA.
