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": [{}]
    }
}