---
sourceDocument: 호주 판매 고객 관계 관리
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/order-management

 Release :

    - australia

ft:locale :

    - ko-KR

ft:publication_title :

    - 호주 판매 고객 관계 관리

ft:clusterId :

    - omgmt

bundleId :

    - omgmt

workflow :

    - Customer and Industry


---

# kBridge 시각화 통합

# kBridge 시각화 통합 {#ariaid-title1}

* 릴리스 버전: Australia
* 
* 업데이트 날짜 2026년 03월 12일
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 4분

실시간 3D 시각화를 위해 kBridge를 통합합니다. 구성 입력을 시각적 업데이트와 동기화하여 사용자 경험을 개선합니다.
CPQ 는 최종 사용자 구성 환경에서 여러 가지 3D 시각화 옵션을 지원합니다. CPQ 에서 실시간으로 업데이트되는 시각화 구성 요소로 kBridge를 사용하도록 구현할 수 있습니다. CPQ 사용자가 구성 입력을 변경할 때의 UI(단방향 통신)입니다. 또한, 양방향(양방향) 통신은 그래픽의 사용자 조작이 구성 필드를 업데이트 CPQ 하도록 정의될 수 있다.

다음 비디오는 실시간 업데이트를 위해 kBridge와 통합 CPQ 하는 방법을 보여줍니다.

[KBridge 통합 설정 데모](https://www.youtube.com/watch?v=X4sxdRtz_v4)

와 kBridge 간의 CPQ 통합은 Blueprint 레이아웃 정의에서 CPQ 설정됩니다. 레이아웃 정의:

* UI에서 kBridge 시각화 구성요소가 렌더링될 위치를 정의합니다.CPQ
* kBridge 연결을 지정합니다.
* 전송할 필드 또는 세트 데이터를 식별 CPQ 합니다.

{#cpq-kbridge-visualization-integration__ul_lqx_ssf_rgc}

kBridge 구성요소를 생성하려면 `kbridge` 레이아웃 구성요소 유형을 레이아웃 CSV 파일의 "type" 열에 추가할 수 있습니다. 통합에 대한 추가 속성은 "값" 열에 설정됩니다.

이 샘플 레이아웃 CSV 파일은 kBridge 구성요소 및 매개변수 입력의 사용을 보여줍니다. 12행을 참조하십시오.

[kBridge_setsv2-layoutCSV](https://docs.google.com/spreadsheets/d/1AqYC6enIGexuzgEC8e89GsVtd6lnRhUje0BiTkt2Uzs/edit?usp=sharing)

## JSON 값 템플릿 {#cpq-kbridge-visualization-integration__section_i4t_f3h_whc}

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

## kBridge 연결 {#cpq-kbridge-visualization-integration__section_mbl_33h_whc}

* scriptUrl: kBridge 스크립트의 URL
* appUrl: kBridge 앱의 URL
* 토큰: kBridge의 인증 토큰
* sessionStartup: 추가 kBridge 시작 정보; kBridge, 구현자 또는 kBridge 관리자와 협력하여 kBridge 설정에 대해 이 매개변수에 전달할 적절한 값을 결정합니다
{#cpq-kbridge-visualization-integration__ul_hyd_45f_rgc}

## CPQ 데이터 {#cpq-kbridge-visualization-integration__section_amn_j3h_whc}

* `eventFields`: kBridge에 필드 매핑 CPQ
* `eventSets`: kBridge에 세트 매핑 CPQ
* `eventProductPickers`: 제품 선택기를 kBridge에 매핑 CPQ
* `setActiveTriggers`: CPQ 트리거 설정
* `listenerFields`: 하나 이상의 CPQ 세트가 포함된 양방향 데이터 통신의 경우, 이 객체는 CPQ 사용자가 CPQkBridge 시각화에서 조작한 세트의 JSON 표현이 반환될 텍스트 필드 변수 이름을 지정합니다. 관리자는 listenerFields의 컨텐츠를 구문 분석하고 적절한 세트 입력을 채우는 규칙을 정의해야 합니다.  
  주:  
  * Blueprint/레이아웃에 `eventFields` 가 있지만 `listenerFields`는 없는 경우 모든 이벤트 필드에는 양방향 통신이 있습니다.
  * 청사진 또는 레이아웃에 수신기 필드가 추가되면 모든 이벤트 필드는 kBridge와 CPQ 만 통신합니다.
  * 이벤트 세트와 이벤트 제품 선택기는 kBridgeCPQ가 아닌 kBridge로만 CPQ 정보를 전달합니다.
  * 데이터 관점에서 이벤트 세트와 이벤트 제품 선택기 데이터는 동일한 방식으로 kBridge(객체 배열)로 전달됩니다.
  {#cpq-kbridge-visualization-integration__ul_owr_y5f_rgc}
{#cpq-kbridge-visualization-integration__ul_dpc_t5f_rgc}

## 레이아웃 크기 {#cpq-kbridge-visualization-integration__section_gsb_l3h_whc}

* `height`: 레이아웃의 요소 높이, 값은 픽셀 단위입니다.
* `너비`: 레이아웃의 요소 너비, 값(픽셀)
{#cpq-kbridge-visualization-integration__ul_rrh_h5f_rgc}

## 예제 JSON 값 {#cpq-kbridge-visualization-integration__section_cyz_m3h_whc}

    {
      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-kbridge-visualization-integration__ul_ffl_xtf_rgc}

## 참조 {#cpq-kbridge-visualization-integration__section_wyh_q3h_whc}

과 통합하여 CPQ지원되는 시각화 애플리케이션에서 사용할 수 있는 기능에 대한 자세한 내용은 [시각화 통합: 개요를 참조하십시오.](https://logikio.atlassian.net/wiki/spaces/CS/pages/1615462425/Visualization+Integrations+An+Overview)