python - Amazon Lex 中响应卡按钮中的超链接

Question

我正在尝试在 amazon lex 中制作一张响应卡，以发出一张带有指向另一个网站的按钮的响应卡。下面是我在 aws lambda python 中使用的代码。我已经在 facebook messenger 上发布了聊天机器人。但是每当我在 fb messenger 中选择按钮时，按钮中的链接似乎并没有将我带到该网站。有什么办法可以让响应卡按钮变成超链接按钮？

def location(intent_request):

    session_attributes = intent_request['sessionAttributes'] if intent_request['sessionAttributes'] is not None else {}

    return {
        'dialogAction': {
            'type': 'Close',
            'fulfillmentState': 'Fulfilled',
            'message': {
                'contentType': 'PlainText',
                'content': 'Here is a map'
            },
            'responseCard': {
            'version': '17',
            'contentType': 'application/vnd.amazonaws.card.generic',
            'genericAttachments': [
                {
                'title': 'Here is a list of hospitals',
                'subTitle': 'Below is a map',
                "buttons":[
                     {
                        "text":"Show Google Maps",
                        "value":"https://www.google.com/maps/search/?api=1&query=nearby+hospitals"
                     }
                    ]
                }
            ]
            }
        }
    }

Answer 1

到目前为止，您不能使用按钮来做到这一点。这些按钮有两个参数 text 和 value。 当你点击一个按钮时，按钮的值被发送到服务器并且文本被附加到聊天中。所以它只会将值发送回 Lex 但无法打开作为超链接的函数。

但是，您可以在响应卡中使用图像来实现相同的功能。 imageUrl是要显示的图片的url，attachmentLinkUrl是你要打开的url。所以我建议您删除按钮并使用要显示的 map 图像并在 attachmentLinkUrl 中提供您的超链接。
此外，如果您想显示多个超链接，您可以在单个 responseCard 中显示多张卡片(最多 10 张)。

下面是一个示例代码:

return {
    'dialogAction': {
        'type': 'Close',
        'fulfillmentState': 'Fulfilled',
        'message': {
            'contentType': 'PlainText',
            'content': message
        },
        'responseCard': {
        'version': '0',
        'contentType': 'application/vnd.amazonaws.card.generic',
        'genericAttachments': [
            {
            'title': 'Here is a list of hospitals',
            'subTitle': 'Below is a map',
            'attachmentLinkUrl': 'https://www.google.com/maps/search/?api=1&query=nearby+hospitals',
            'imageUrl': 'https://images.sftcdn.net/images/t_optimized,f_auto/p/95612986-96d5-11e6-af7c-00163ec9f5fa/3771854867/google-maps-screenshot.png'
            },
            {
            'title': 'Here is a list of medical shops',
            'subTitle': 'Below is a map',
            'attachmentLinkUrl': 'https://www.google.com/maps/search/?api=1&query=nearby+medical+shops',
            'imageUrl': 'https://images.sftcdn.net/images/t_optimized,f_auto/p/95612986-96d5-11e6-af7c-00163ec9f5fa/3771854867/google-maps-screenshot.png'
            }
        ]
        }
    }
}

可以查看this以及有关响应卡的详细信息。
希望对您有所帮助。