• Accueil / Salesforce / Présentation des interactions…
, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce7 minutes de lecture


Dans le cadre de notre volonté constante de rendre les pages Lightning plus dynamiques et interactives, nous sommes ravis de vous donner un aperçu de notre prochaine grande chose™ pour résoudre ce problème: Interactions dynamiques.

Aujourd’hui, si vous voulez que les composants d’une page Lightning se parlent, vous avez besoin que les développeurs écrivent du code et câblent les événements. Nous voulons que tout le monde puisse pointer et cliquer sur son chemin dans App Builder pour créer cette expérience.

Bientôt, un événement se produisant dans un composant sur une page Lightning, tel que l’utilisateur cliquant sur un élément dans une vue de liste, peut automatiquement mettre à jour d’autres composants sur la page. Les interactions dynamiques permettent aux administrateurs de créer des applications avec des composants qui communiquent et se transforment en fonction des interactions des utilisateurs, le tout dans l’interface utilisateur de Lightning App Builder. Il déverrouille des capacités pour les administrateurs qui étaient auparavant réservées aux développeurs.

Comment ça marche? Pour tirer le meilleur parti des interactions dynamiques, les administrateurs et les développeurs travaillent ensemble.

Les développeurs écrivent des composants personnalisés qui alimentent les interactions. Le nouveau code permet à un développeur de définir les événements pris en charge par un composant, puis de les exposer dans l’interface utilisateur de Lightning App Builder. Ensuite, à l’aide de nouvelles fonctionnalités dans Lightning App Builder, un administrateur configure l’événement en définissant les interactions entre les composants.

Il existe quatre blocs de construction principaux pour les interactions dynamiques:

  • Événement: Tout ce qui peut déclencher une interaction, comme un clic de souris, une pression sur un bouton ou une modification de la valeur d’un champ.
  • Interaction: Une activité qui se produit entre la source et la cible.
  • La source: L’élément déclenchant l’événement.
  • Cible: L’élément qui est la cible de l’interaction.

Un événement survenant dans un composant (la source) peut déclencher des modifications dans un ou plusieurs autres composants de la page (les cibles). Une seule source peut avoir plusieurs cibles.

L’histoire

Kai (ils / eux) et Rina (elle / elle) sont une équipe d’administrateurs et de développeurs. Kai souhaite offrir à ses utilisateurs en déplacement un moyen simple de vérifier l’emplacement de divers comptes afin qu’ils puissent planifier des visites de site efficaces, à l’aide d’une simple page d’application.

Kai demande l’aide de Rina pour y parvenir, et Rina suggère des interactions dynamiques. En tant que développeur, Rina sait qu’elle peut câbler des événements entre des composants à l’aide de code, mais elle souhaite donner à Kai la liberté et le pouvoir de configurer les interactions d’événements de la manière dont ils ont besoin, sans avoir à lui revenir à chaque fois. un changement est nécessaire.

Rina crée un composant source personnalisé pour Kai, ainsi que deux autres composants servant de cibles d’événements. Après avoir installé les nouveaux composants dans leur organisation, voici ce que Kai a: une page d’application avec trois composants personnalisés – Liste des comptes, Détails du compte et Emplacement du compte (une carte).

Le composant source est la liste des comptes sur la gauche. Il a un événement «Élément sélectionné» activé, que Rina a exposé à l’interface utilisateur de Lightning App Builder à l’aide du nouveau code d’interactions dynamiques. Une fois que Kai a fini de configurer les interactions d’événement, lorsqu’un utilisateur clique sur un élément de liste dans le composant Liste de comptes, l’événement se déclenche. Le composant Détails du compte se met à jour pour afficher les détails de ce compte, et en même temps, le composant Emplacement du compte identifie l’emplacement de ce compte sur une carte. Chaque nouveau clic ou appui sur un compte dans la liste entraîne une mise à jour du contenu des deux autres composants.

, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Tout commence avec les composants Web Lightning

Comme nous l’avons mentionné, il faut à la fois des administrateurs et des développeurs pour faire briller les interactions dynamiques. Et la clé de voûte de l’ensemble du processus est un composant source personnalisé. Seuls les composants Web Lightning (LWC) peuvent être des composants source, mais n’importe quel composant (Aura ou LWC) peut être une cible.

Comment Rina a-t-elle exposé les événements de son composant source? Tout d’abord, elle a déclenché des événements personnalisés JavaScript standard dans le .js déposer. Pour rendre l’événement détectable pour les interactions dynamiques, elle a utilisé de nouvelles métadonnées disponibles pour le composant js-meta.xml fichier, similaire à la façon dont les propriétés des générateurs sont exposées.

Développeurs, si vous êtes curieux de savoir à quoi cela ressemble, nous avons un exemple de fichier js-meta.xml pour vous à la fin de ce post.

Configurer les interactions d’événements dans Lightning App Builder

Une fois que Rina a rendu l’événement disponible dans Lightning App Builder via le composant Account List, Kai connecte les points entre les composants source et cible à l’aide d’une nouvelle interface utilisateur d’interactions dynamiques dans le volet des propriétés de Lightning App Builder.

Si un composant a des événements exposés, lorsque vous le sélectionnez sur le canevas, le volet des propriétés de ce composant s’affiche avec deux onglets. L’onglet Propriétés contient les propriétés du composant que vous connaissez bien. L’onglet Événements est nouveau pour les interactions dynamiques. Il répertorie tous les événements exposés pour le composant sélectionné. Voici le volet des propriétés que Kai voit lorsqu’il clique sur le composant source de la liste de comptes dans Lightning App Builder.

, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

L’événement Élément sélectionné est disponible, mais aucune interaction n’est configurée pour lui. Kai peut le faire facilement en cliquant sur Ajouter une interaction, sélectionner une interaction, puis choisir un composant qui sera la cible de l’interaction.

, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Les composants s’affichent dans la liste avec leur emplacement régional pour vous aider à sélectionner le composant approprié lorsque vous travaillez sur des pages avec de nombreux composants répartis sur plusieurs régions.

Lorsque vous sélectionnez un composant cible, ses propriétés s’affichent dans le volet Détails de l’interaction. Là, vous pouvez définir la nouvelle valeur que vous souhaitez que chaque propriété cible ait lorsque l’événement se déclenche et que l’interaction se produit.

Ici, Kai l’administrateur configure une interaction entre le composant source de la liste de comptes et le composant cible Emplacement du compte. Après que Kai sélectionne Emplacement du compte en tant que cible, sa propriété Record Id apparaît, prête pour que Kai lui donne une nouvelle valeur.

, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

L’objectif de Kai pour l’interaction est que lorsqu’un utilisateur clique sur un compte dans la liste, le composant Emplacement du compte se met à jour pour afficher l’emplacement du compte sélectionné sous forme de point sur une carte. La transmission de l’ID d’enregistrement dans le composant Emplacement du compte indique au composant quel enregistrement regarder pour extraire les informations d’adresse. Rina a fait le recordId propriété disponible dans le cadre de l’événement, afin que Kai puisse utiliser le {! Event.recordId} expression dans ce domaine.

, Présentation des interactions dynamiques, la dernière innovation Low-Code pour la plate-forme Salesforce<span class="wtr-time-wrap after-title"><span class="wtr-time-number">7</span> minutes de lecture</span>

Nouveaux ajouts au fichier js-meta.xml

Comme nous l’avons promis plus tôt, voici le js-meta.xml fichier de configuration pour l’exemple de composant source de la liste de comptes créé par Rina.

Dynamic Interactions présente deux nouveaux sous-étiquettes pouvant être utilisées dans un composant source js-meta.xml fichier pour exposer un événement.

  • : Expose l’événement pour les interactions dynamiques, ce qui lui permet de s’afficher en tant qu’événement disponible dans l’onglet Événements lorsqu’un administrateur clique sur le composant source dans l’interface utilisateur de Lightning App Builder.
  • : Fournit la forme de l’événement.




52.0

true

Account List



         lightning__AppPage





         

         

         

          

             
                  {

                    "type": "object",

                    "properties": {

                      "recordId": {

                        "type": "string",

                        "title": "Record ID",

                      },

                      "apiName": {

                        "type": "string"

                      }

                    }

                  }

              

         

         



meta xml description



Comment utiliseriez-vous la puissance des interactions dynamiques pour créer des applications plus puissantes? Commencez à y penser dès maintenant, car il sera généralement disponible (GA) en hiver 22. Plus d’informations à venir bientôt!

Ressources



Source de l’article traduit automatiquement en Français

Besoin d'aide ?
Vous utilisez Pardot depuis un certain temps mais vous n'êtes pas sûr d'en
exploiter tout le potentiel

Notre analyse de votre Pardot offerte dès aujourd'hui
Merci, vous pouvez compléter notre questionnaire
Nous allons revenir vers vous rapidement !

Fermer