CPQ は、エンドユーザー構成エクスペリエンスでいくつかの異なる 3D 可視化オプションをサポートしています。 CPQ は、 CPQ でリアルタイムで更新される可視化コンポーネントとして kBridge を使用するように実装できますユーザーが構成入力を変更したときの UI (一方向通信)。さらに、双方向 (双方向) 通信を定義して、グラフィック更新 CPQ 設定フィールドのユーザー操作を行うことができます。

次のビデオでは、 CPQ をkBridgeと統合してリアルタイム更新を行う方法を示しています。

KBridge 統合セットアップのデモ

CPQ と kBridge の統合は、CPQ の詳細計画レイアウト定義で設定されます。レイアウト定義:

• kBridge 可視化コンポーネントが CPQ UI でレンダリングされる場所を定義します
• kBridge 接続を指定します
• 送信する CPQ フィールドまたはセットデータを識別します

kBridge コンポーネントを作成するには、レイアウト CSV ファイルの「type」列に kbridge レイアウトコンポーネントタイプを追加できます。統合の追加プロパティは [値] 列に設定されます。

このサンプルレイアウト CSV ファイルは、kBridge コンポーネントとパラメーター入力の使用方法を示しています。12行目を参照してください。

kBridge_setsv2-layoutCSV

JSON 値テンプレート

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

kBridge 接続

• scriptUrl:kBridge スクリプトの URL
• appUrl:kBridge アプリの URL
• token:kBridge からの認証トークン
• sessionStartup:追加のkBridgeスタートアップ情報。kBridge、実装者、またはkBridge管理者と協力して、kBridgeセットアップにこのパラメーターを渡す適切な値を決定します

CPQ データ

• eventFields: CPQ フィールドの kBridge へのマッピング
• eventSets: CPQ セットからkBridgeへのマッピング
• eventProductPickers: CPQ 製品ピッカーのkBridgeへのマッピング
• setActiveTriggers: CPQ セットトリガー
• listenerFields:1つ以上のCPQセットを含む双方向データ通信の場合、このオブジェクトは、ユーザーによってkBridgeビジュアライゼーションで操作されたセットのJSON表現がCPQに返されるCPQテキストフィールド変数名を指定します。管理者は、listenerFields のコンテンツを解析し、適切なセット入力を入力するルールを定義する必要があります。
  注:

  • 詳細計画/レイアウトに eventFields はあるが listenerFields はない場合、すべてのイベントフィールドで双方向通信を行います。
  • リスナーフィールドが詳細計画またはレイアウトに追加されている場合、すべてのイベントフィールドは CPQ から kBridge への通信のみを行います。
  • イベントセットとイベント製品ピッカーは、kBridgeからCPQではなく、CPQからkBridgeにのみ情報を渡します。
  • データの観点からは、イベントセットとイベント製品ピッカーデータは、同じ方法で(オブジェクトの配列で)kBridgeに渡されます。

レイアウトサイズ

• 高さ:レイアウト内の要素の高さ。値はピクセル単位です
• width:レイアウト内の要素の幅。値はピクセル単位です

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,
}

• 名前 は、kBridge のフィールド名またはルール名に対応しています。
• refChain は、kBridgeにおけるこのオブジェクトのモデルパスに対応しています。

参照

CPQ との統合でサポートされている可視化アプリケーション間で利用可能な機能については、「可視化統合:概要」を参照してください。