在AWS Lex中创建轮播卡

Mur*_*rat 2 chatbot amazon-web-services carousel facebook-chatbot amazon-lex

我正在尝试使用lex构建一个电子商务聊天机器人.

在Lex中使用转盘卡或多响应卡有什么解决方案吗?

例如:

在此输入图像描述

谢谢..

sid*_*491 7

您可以在响应中显示多个响应卡,它将显示为轮播.按照此示例通过控制台生成响应卡(您也可以在代码中动态执行).

控制台方法:
在下面的图片中,在Prompt response cards最右边的部分,看到有一个小+按钮,点击它,你可以添加更多的卡.

在此输入图像描述

动态方法(使用Lambda):

'dialogAction': {
    'type': 'Close',
    'fulfillmentState': 'Fulfilled',
    'message': {
        'contentType': 'PlainText',
        'content': message
    },
    'responseCard': {
    'version': '0',
    'contentType': 'application/vnd.amazonaws.card.generic',
    'genericAttachments': [
        {
        'title': 'title1',
        'subTitle': 'subtitle1',
        'attachmentLinkUrl': 'link_that_will_open_on_click',
        'imageUrl': 'link_of_image_to_display',
        "buttons":[ 
             {
                "text":"button_1",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_2",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_3",
                "value":"value_to_be_sent_to_server_on_click"
             }
            ]
        },
        {
        'title': 'title2',
        'subTitle': 'subtitle2',
        'attachmentLinkUrl': 'link_that_will_open_on_click',
        'imageUrl': 'link_of_image_to_display',
        "buttons":[ 
             {
                "text":"button_1",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_2",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_3",
                "value":"value_to_be_sent_to_server_on_click"
             }
            ]
        },
        {
        'title': 'title3',
        'subTitle': 'subtitle3',
        'attachmentLinkUrl': 'link_that_will_open_on_click',
        'imageUrl': 'link_of_image_to_display',
        "buttons":[ 
             {
                "text":"button_1",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_2",
                "value":"value_to_be_sent_to_server_on_click"
             },
             {
                "text":"button_3",
                "value":"value_to_be_sent_to_server_on_click"
             }
            ]
        }
    ]

    }
}
Run Code Online (Sandbox Code Playgroud)

注1:您可以maximum of 10 response cards在旋转木马中和maximum of 3 buttons单个旋转木马中使用.如果您有超过10张卡,您将收到错误.如果您有超过3个按钮,则不会出现错误,但只会显示前3个.
注意2:您需要检查Facebook应用程序中的信使设置中的messaging_postbacks事件,Webhooks以使旋转木马按钮工作.

我已经以下面的方式实施了响应卡:

在此输入图像描述
看到卡片像旋转木马一样,你可以刷卡看更多卡片.

希望能帮助到你.