Composite

Classic/VPC 환경에서 이용 가능합니다.

챗봇 답변의 응답 컴포넌트 중 Composite Component에 대해 설명합니다.

Composite 컴포넌트는 다음 2가지 기본 컴포넌트로 구성됩니다.

• Template
• Carousel (Composite 컴포넌트는 Persistent Menu 컴포넌트를 포함)

위 컴포넌트는 각 특징에 맞게 챗봇의 응답을 챗봇 빌더에서 설정할 수 있으며, 챗봇 빌더를 통해 설정한 응답 결과를 JSON 형태로 반환합니다.

Template 컴포넌트

Template 컴포넌트는 커버(Cover), 콘텐츠 테이블(Content Table), 풋 테이블(Foot Table)로 구성됩니다.

Template 컴포넌트 응답 바디

Template 컴포넌트의 응답 바디는 다음과 같습니다.

Table

Table에 대한 설명은 다음과 같습니다.

Template 컴포넌트 응답 예시

Template 컴포넌트의 응답 예시는 다음과 같습니다.

{
    "type": "template",
    "title": "optional, short bold text",
    "subTitle": "optional, short gray text",
    "data":{
        "cover":{
            "contentTableShowRows": 3, 
            "contentTable":
            [ 
                "colSpan": 1,
                "rowSpan": 2,
                "data":{}
            ]
        }
    },
    "footTableShowRows":3, 
    "footBackgroundImage":"https://ssl.pstatic.net/CloudFunctions.png",
    "footTable":[] 
}

Persistent Menu 컴포넌트

고정 메뉴(Persistent Menu) 컴포넌트는 사용자가 채팅바에서 메뉴 버튼을 터치하면 표시되며, 항상 Open 응답에 포함됩니다. utils를 변경하지 않은 다른 응답에 permanentMenu 콘텐츠가 포함됩니다.

Persistent Menu 응답 바디

Persistent Menu의 응답 바디는 다음과 같습니다.

contentTable

data.contentTable에 대한 설명은 다음과 같습니다.

Persistent Menu 응답 예시

Persistent Menu의 응답 예시는 다음과 같습니다.

{
    "type": "template",
    "title": "persistentMenu",
    "data": {
        "contentBackgroundImage": "url",
        "contentTable": []
    }
}

Carousel 컴포넌트

Carousel 컴포넌트는 동일한 형식이 반복되는 캐로셀(Carousel) 답변이 구성됩니다.

Carousel 컴포넌트 응답 바디

Carousel 컴포넌트의 응답 바디는 다음과 같습니다.

Carousel 컴포넌트 응답 예시

Carousel 컴포넌트의 응답 예시는 다음과 같습니다.

{
    "type": "carousel",
    "title": "optional, short bold text",
    "subTitle": "optional, short gray text",
    "data" : 
    {
        "cards": [{}]
    }
}