Json 入力ガイド

Json 編集モードで応答を作成する場合、以下のjson入力様式に従って作成します。

基本応答

JSON Structure:

[
  {
    "component": {
      "type": "text",
      "data": {
        "description": "the answer of this query is test"
      }
    },
    "answerType": "TEXT"
  }
]

Fields Introduce：

マルチリンク応答

JSON Structure:

[
  {
    "component": {
      "type": "template",
      "data": {
        "cover": {
          "type": "text",
          "data": {
            "description": "The answer is part of the multilink."
          }
        },
        "contentTable": [
          [
            {
              "colSpan": 1,
              "rowSpan": 1,
              "data": {
                "type": "button",
                "title": "naver",
                "data": {
                  "type": "basic",
                  "action": {
                    "type": "link",
                    "data": {
                      "url": "https://www.naver.com/"
                    }
                  }
                }
              }
            }
          ],
          [
            {
              "colSpan": 1,
              "rowSpan": 1,
              "data": {
                "type": "button",
                "title": "google",
                "data": {
                  "type": "basic",
                  "action": {
                    "type": "link",
                    "data": {
                      "url": "https://www.google.com/"
                    }
                  }
                }
              }
            }
          ]
        ]
      }
    },
    "answerType": "MULTILINKS"
  }
]

Fields Introduce：

Image Answer

JSON Structure:

[
  {
    "component": {
      "type": "carousel",
      "data": {
        "cards": [
          {
            "type": "image",
            "title": "Image title of the first carousel.",
            "data": {
              "imageUrl": "https://www.image.xxx/image.png",
              "description": "Image description of the first carousel."
            }
          },
          {
            "type": "image",
            "title": "Image title of the second carousel.",
            "data": {
              "imageUrl": "https://www.image.xxx/image.png",
              "description": "Image description of the second carousel."
            }
          }
        ]
      }
    },
    "answerType": "IMAGECARD"
  }
]

Fields Introduce：

The image field is somewhat different from the image + text type.

The task dose not support image answer.

Multiple choice answers

JSON Structure:

[
  {
    "component": {
      "type": "text",
      "data": {
        "description": "#{Multiple choice form name}"
      }
    },
    "answerType": "SINGLEFORM"
  }
]

Fields Introduce：

Flex message answers

If you set the messenger to LINE or Custom, Flex supports message reply. Support any json object. You could define self json spec. JSON Structure:

[
  {
    "component": {
      "type": "flex",
      "title": "Flex answer.",
      "data" : {
        "type": "bubble",
        "hero": {
          "type": "image",
          "url": "https://scdn.line-apps.com/n/channel_devcenter/img/fx/01_1_cafe.png",
          "size": "full",
          "aspectRatio": "20:13",
          "aspectMode": "cover"
        },
        "body": {
          "type": "box",
          "layout": "vertical",
          "contents": [
            {
              "type": "text",
              "text": "Brown Cafe",
              "weight": "bold",
              "size": "xl"
            }
          ]
        },
        "footer": {
          "type": "box",
          "layout": "vertical",
          "spacing": "sm",
          "contents": [
            {
              "type": "button",
              "style": "link",
              "height": "sm",
              "action": {
                "type": "uri",
                "label": "CALL",
                "uri": "https://linecorp.com"
              }
            },
            {
              "type": "spacer",
              "size": "sm"
            }
          ],
          "flex": 0
        }
      }
    },
    "answerType": "FLEXMESSAGE"
  }
]

Fields Introduce：

The task dose not support flex message answer.

LINE Stickers Answers

If you set the messenger to LINE, LINE stickers are supported.

JSON Structure:

[
  {
    "component": {
      "type": "line_sticker",
      "data": {
        "packageId": "11537",
        "stickerId": "52002734"
      }
    },
    "answerType": "STICKER"
  }
]

Fields Introduce：

The task dose not support LINE Stickers answer.

Audio Answer

If you set the messenger to CLOVA, audio Answer is supported.

JSON Structure:

[
  {
    "component": {
      "type": "audio",
      "data": {
        "name": "demoAudio",
        "url": "https://www.audio.source.xxx/demo.mp3"
      }
    },
    "answerType": "AUDIO"
  }
]

Fields Introduce：

Continuous answers

For continuous answers, up to five speech bubbles can be added.

JSON Structure:

[
  {
    "component": {
      "type": "text",
      "data": {
        "description": "Answer is an example.",
        "url": "http://www.example.com"
      }
    },
    "answerType": "TEXT"
  },
  {
    "component": {
      "type": "text",
      "data": {
        "description": "#{Multiple choice form name}"
      }
    },
    "answerType": "SINGLEFORM"
  }
]

Fields Introduce：

In the array data( array[jsonObject] )，each json object represents a bubble, multiple bubbles correspond to multiple json objects.

The messenger supported