如何在 Dialogflow 实现中创建卡片响应？答案

【问题标题】：How to create Card response in Dialogflow fulfillment?如何在 Dialogflow 实现中创建卡片响应？
【发布时间】：2020-10-29 17:17:22
【问题描述】：

Dialogflow 实现 index.js

function fallback(agent) {
    let user_input = agent.query;
    let google = 'https://www.google.co.th'
    agent.add('Your word is '+ user_input);
    agent.add(google);
  }

我想将回复“谷歌链接”更改为卡片或完美聊天机器人的内容

到

【问题讨论】：

标签： node.js dialogflow-es dialogflow-es-fulfillment

【解决方案1】：

卡取决于您使用的客户端，如果您使用任何自定义 Web 应用程序客户端，那么您必须根据客户端应用程序构建自定义有效负载。

【讨论】：

【解决方案2】：

Dialogflow 使用rich responses 显示视觉元素以增强用户交互，基本上您必须在履行 index.js 中初始化 Card 对象并将按钮包含在 Card 中

function fallback(agent) {
    agent.add(new Card({
         title: `Title: this is a card title`,
         text: `This is the body text of a card.  You can even use line\n  breaks and emoji! ?`,
         buttonText: 'Click me',
         buttonUrl: 'https://assistant.google.com/'
       })
     );   
}

除此之外，在这个post 中还有一种不同的方式来执行卡片。在这个question 中有更多关于如何在卡片中添加按钮的详细信息。

最后，有一个unofficial repository，它在与 Facebook Messenger 平台集成和测试的 Dialogflow 响应中包含多个按钮。您可以看到一些Dialogflow integrations 具有多个对话平台，这些平台已经将按钮放入卡片中。

【讨论】：