Intégrer la visualisation kBridge

  • Rversion finale: Australia
  • Mis à jour 12 mars 2026
  • 3 minutes de lecture
  • Intégrez kBridge pour une visualisation 3D en temps réel. Synchronisez les entrées de configuration avec des mises à jour visuelles pour améliorer l’expérience utilisateur.

    CPQ prend en charge plusieurs options de visualisation 3D différentes dans l’expérience de configuration de l’utilisateur final. CPQ peut être implémenté pour utiliser kBridge en tant que composant de visualisation mis à jour en temps réel dans le CPQ Interface utilisateur lorsque l’utilisateur change les entrées de configuration (communication unidirectionnelle). En outre, une communication bidirectionnelle (bidirectionnelle) peut être définie afin que les manipulations utilisateur des champs de configuration graphiques soient mises à jour CPQ .

    La vidéo suivante montre comment intégrer CPQ kBridge pour les mises à jour en temps réel :

    Démonstration de configuration de l’intégration KBridge

    L’intégration entre CPQ et kBridge est configurée dans la définition de la mise en page du CPQ plan. La définition de la mise en page :

    • définit l’emplacement où le composant de visualisation kBridge sera affiché sur l’interface CPQ utilisateur
    • spécifie la connexion kBridge
    • Identifie le champ ou l’ensemble CPQ de données à envoyer

    Pour créer un composant kBridge, le type de composant de mise en page kbridge peut être ajouté dans la colonne « type » du fichier CSV de mise en page. Les propriétés supplémentaires pour l’intégration sont définies dans la colonne « valeur ».

    Cet exemple de fichier CSV de mise en page montre l’utilisation des entrées de composant et de paramètre kBridge. Voir la ligne 12.

    kBridge_setsv2-layoutCSV

    Modèle de valeur JSON

    scriptUrl: string,
    appUrl: string,
    token: string,
    sessionStartup: object
    eventFields: object
    eventSets: object
    eventProductPickers: object
    setActiveTriggers: array
    listenerFields: object
    height: number
    width: number

    Connexion kBridge

    • scriptUrl : URL du script kBridge
    • appUrl : URL de l’application kBridge
    • token : jeton d’authentification de kBridge
    • sessionStartup : Informations supplémentaires sur le démarrage de kBridge ; travaillez avec kBridge, votre implémenteur ou l’administrateur de kBridge pour déterminer les valeurs appropriées à transmettre dans ce paramètre pour votre configuration kBridge

    Données CPQ

    • eventFields : mappage des CPQ champs à kBridge
    • eventSets : mappage des ensembles à CPQ kBridge
    • eventProductPickers : mappage des sélecteurs de CPQ produits vers kBridge
    • setActiveTriggers : CPQ définir les déclencheurs
    • listenerFields : Pour la communication bidirectionnelle de données impliquant un ou plusieurs CPQ ensembles, cet objet spécifie le nom de la CPQ variable de champ de texte vers laquelle une représentation JSON du ou des ensembles, manipulée dans la visualisation kBridge par l’utilisateur, sera renvoyée à CPQ. L’administrateur doit définir une règle qui analyse le contenu des listenerFields et renseigne les entrées d’ensemble appropriées.
      Remarque :
      • Si un plan/une mise en page a eventFields mais pas listenerFields, chaque champ d’événement a une communication bidirectionnelle.
      • Si un champ d’écoute est ajouté au plan ou à la mise en page, tous les champs d’événement communiqueront uniquement de CPQ vers kBridge.
      • Les ensembles d’événements et les sélecteurs de produits d’événements transmettent des informations uniquement de CPQ vers kBridge, et non de kBridge vers CPQ.
      • Du point de vue des données, les données des ensembles d’événements et des sélecteurs de produits d’événements sont transmises de la même manière à kBridge (dans un tableau d’objets).

    Taille de la mise en page

    • height : hauteur de l’élément dans la mise en page, la valeur est en pixels
    • Largeur : largeur de l’élément dans la mise en page, la valeur est en pixels

    Exemples de valeurs JSON

    {
      scriptUrl: 'http://script.location';,
      appUrl: 'http://app.script.location';,
      token: 'abc-123-def-456',
      sessionStartup: {
        type: 'model',
        revisionId: '1234-5678-90'
      },
      eventFields: {
        field1: { name: 'field-1', refChain: 'world.application.model' },
        field2: { name: 'field-2', refChain: 'world.application.model' },
        field3: { name: 'field-3', refChain: 'world.application.model' }
      },
      eventSets: {
        set1: { name: 'set-1', refChain: 'world.application.model' },
      },
      eventProductPickers: {
        picker1: { name: 'picker-1', refChain: 'world.application.model' },
      },
      setActiveTriggers: ['set.set2.triggerBoolean'],
      listenerFields: { 
        listenerFieldName: { name: 'logikTestSet', refChain: 'world.application.model' }
      },
      height: 800,
      width: 1200,
    }
    • name correspond au nom de champ ou de règle dans kBridge.
    • refChain correspond au chemin de modèle de cet objet dans kBridge.

    Référence

    Pour une discussion sur les fonctionnalités disponibles parmi les applications de visualisation prises en charge dans l’intégration de CPQ, voir Intégrations de visualisation : vue d’ensemble.