La creación de la tarjeta de carrusel en AWS Lex

votos
2

Estoy tratando de construir un chatbot de comercio electrónico utilizando la lex.

¿Hay alguna solución para utilizar una tarjeta de carrusel o tarjetas de respuesta múltiples en Lex?

Por ejemplo:

introducir

Gracias..

Publicado el 04/12/2017 a las 14:49
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
4

Puede mostrar varias tarjetas de respuesta en la respuesta y se mostrará como el carrusel. Siga este ejemplo para generar tarjeta de respuesta a través de la consola (también puede hacerlo de forma dinámica en el código).

Método consola:
En la imagen de abajo, en la Prompt response cardsSección, en la parte más a la derecha, hay poca +botón, haga clic en eso y se puede añadir más tarjetas.

introducir descripción de la imagen aquí

Método dinámico (usando 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"
             }
            ]
        }
    ]

    }
}

NOTA 1: Usted puede tener maximum of 10 response cardsen el carrusel, y maximum of 3 buttonsen un solo carrusel. Si usted tiene más de 10 tarjetas, obtendrá el error. Si usted tiene más de 3 botones, no se va a error, pero sólo la primera 3 se mostrará.
Nota 2: Es necesario comprobar messaging_postbackslos acontecimientos en la Webhooksen la configuración de mensajería en la aplicación de Facebook para hacer botones de trabajo carrusel.

He implementado tarjetas de respuesta de manera a continuación:

introducir descripción de la imagen aquí
Ver tarjetas vienen como carrusel, se puede deslizar para ver más tarjetas.

Espero eso ayude.

Respondida el 05/12/2017 a las 02:54
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more