Création de carte de carrousel AWS Lex

Vous pouvez afficher plusieurs cartes de réponse dans la réponse et il affiche comme carrousel. Suivez cet exemple pour générer une réponse carte via la console (vous pouvez aussi le faire dynamiquement dans le code).

Méthode Console:
Dans l'image ci - dessous, dans la Prompt response cardssection, voir dans la partie droite, il y a peu de +bouton, cliquez sur ce et vous pouvez ajouter plus de cartes.

Méthode dynamique (utilisant 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"
             }
            ]
        }
    ]

    }
}

NOTE 1: Vous pouvez avoir maximum of 10 response cardsdans le carrousel, et maximum of 3 buttonsdans un seul carrousel. Si vous avez plus de 10 cartes, vous obtiendrez une erreur. Si vous avez plus de 3 boutons, vous n'obtiendrez une erreur , mais seulement 3 premiers seront affichés.
NOTE 2: Vous devez vérifier les messaging_postbacksévénements dans les Webhooksdans les paramètres de messagerie dans l'application Facebook pour faire des boutons de travail du carrousel.

Je l'ai mis en place des cartes de réponse de manière ci-dessous:

Voir les cartes sont à venir comme carrousel, vous pouvez glisser pour voir plus de cartes.

J'espère que cela aide.