VTAP est la plate-forme low code de Vtiger qui aide les développeurs et les administrateurs à étendre les capacités du CRM. Nous avons deux outils qui offrent la possibilité de créer des applications à faible code.
L'un est le concepteur de module et l'autre est le concepteur d'API. Dans ce blog, nous verrons quoi, comment et quand utiliser le concepteur de module.
Concepteur de modules
Quand utiliser Module Designer (Cas d'utilisation)
Vous pouvez utiliser le concepteur de modules pour :
- Appliquer des formules complexes et mettre à jour un champ
- Faire clignoter un avertissement lorsqu'un utilisateur saisit des informations incorrectes
- Enregistrer certaines préférences de l'utilisateur
- Enregistrer les paramètres d'extension ou les données de configuration
- Ajouter des boutons, des widgets et des icônes
Qu'est-ce que le concepteur de modules vous fournit pour atteindre les objectifs ci-dessus ?
- Environnement de développement intégré (IDE), où vous pouvez écrire la logique et le code personnalisé
- API Javascript VTAP
Comment utiliser Module Designer ?
Le concepteur de module est disponible sous Menu principal > Application de plate-forme. Il est gratuit pour tous les clients Professionnels et Entreprises. Si vous souhaitez développer et publier des extensions sur le marché, vous pouvez vous inscrire pour une édition développeur gratuite à partir de ici.
Vous pouvez utiliser le module Designer pour ajouter les éléments suivants :
- Scripts VTAP – Vous permet d'ajouter des boutons personnalisés, des widgets, etc.
- Composants – Vous permet d'ajouter des composants personnalisés.
- Styles VTAP - Vous aide à changer l'apparence de l'interface utilisateur.
- Page – Vous permet d'ajouter des pages personnalisées.
Dans ce blog, nous expliquerons comment ajouter des scripts VTAP au module Designer.
Ajout de scripts VTAP
Les scripts VTAP sont les points d'entrée de la logique personnalisée. Vous commencez par donner un nom au script et sélectionner le module pour lequel le script doit s'exécuter. Il est important de choisir un module car vous avez très souvent des besoins spécifiques à un module comme écouter le clic d'un contact ou une sauvegarde d'enregistrement.
Vous pouvez soit choisir de créer un module d'extension personnalisé, soit utiliser des modules existants pour ajouter un script.
Remarque: Créez un module d'extension si vous souhaitez que le module soit publié via le marché Vtiger.
Voyons maintenant quelques exemples d'utilisation de scripts VTAP.
1 Exemple: Un bouton a été ajouté à la page de liste des prospects. Chaque script est créé avec cet échafaudage de base avec le nom choisi pour le script, comme indiqué ci-dessous.
Le bloc de construction de base de VTAP est un composant, et il est basé sur le composant Vue et son événements du cycle de vie.
- Nom du composant : Leads_Component_Register
- syntaxe: {{MODULE}}_Component_{{NAME}}
- Les composants s'étendent de : VTAP.Component.Core.extend
Les fonctions
- Créé la fonction est la point d'accès pour n'importe quel composant. C'est la fonction où vous pouvez vous inscrire pour les boutons ou écouter les événements.
- Modèle est l'endroit où vous ajoutez votre code HTML, le cas échéant.
- Méthodologie est l'endroit où vous ajoutez des fonctions qui sont appelées dans le modèle HTML. Dans l'exemple ci-dessous, nous appelons la fonction ClickMe lorsqu'un bouton est cliqué. Voici à quoi ressemble le code final :
VTAP.Component.Registre L'API vous aide à ajouter des boutons, des widgets, des icônes, etc. Le 1er paramètre de l'API vous indique où vous souhaitez ajouter vos composants personnalisés. Pour voir la liste des composants pris en charge, cliquez sur ici.
2 Exemple: Ajout d'un widget à la vue récapitulative des contacts et de l'organisation.
Vous pouvez utiliser une inscription pour ajouter le même widget dans plusieurs modules. Dans de tels cas, nous devons ajouter le script VTAP pour tous les modules (utilisez la liste déroulante lors de la création du script VTAP).
Pour l'API VTAP.Component.Register, nous avons un 4ème paramètre qui vous aide à sélectionner les modules auxquels les widgets doivent être ajoutés. Voici à quoi cela ressemble dans la vue récapitulative des organisations.
VTAP vous offre également la possibilité d'écouter les actions effectuées par l'utilisateur. Par exemple, lorsqu'un utilisateur crée ou met à jour un enregistrement, ouvre une page de détails, affiche une fenêtre contextuelle d'édition, etc. Pour voir une liste de ces événements déclencheurs, cliquez sur ici.
Vous devez écouter ces événements et ajouter un gestionnaire pour effectuer des actions sur eux.
Vous trouverez ci-dessous un exemple d'événement – enregistrement enregistré. Cet exemple vérifiera l'état du contact du contact lorsque l'enregistrement est enregistré. Si le statut du contact est Concurrent, une notification s'affichera indiquant "Attention !!".
De même, la plate-forme VTAP a fourni divers crochets d'interface utilisateur pour insérer vos composants personnalisés tels que des boutons dans la page de liste/détail, des widgets dans la vue récapitulative et des icônes.
Pour tous les différents espaces réservés fournis, consultez les détails donnés dans notre Documentation.
Dans nos prochains blogs, nous couvrirons les autres fonctionnalités de VTAP - Composants personnalisés, VTAP et pages personnalisées.
Je recommande fortement d'écrire votre propre code. Commencez petit avec un bouton personnalisé et partez de là. Utilisez notre concepteur de modules exemples, disponible dans notre documentation, comme base de votre premier code. Vous constaterez que la personnalisation de votre CRM peut être un processus simple et amusant.
Pour toute autre question, merci d'envoyer un mail à [email protected]. Inscrivez-vous à l'édition développeur ici.
