如何在 Dialogflow 上使用内联编辑器添加图像答案

【问题标题】：How to add image with Inline Editor on Dialogflow如何在 Dialogflow 上使用内联编辑器添加图像
【发布时间】：2019-05-29 12:35:50
【问题描述】：

我在 Dialogflow 的 Fulfillment 中使用内联编辑器。我可以使用这些代码添加响应：

    const NEED_QUOTE_INTENT = 'Need Quote'
app.intent(NEED_QUOTE_INTENT, (conv) => {
    const quote_type = conv.parameters[QUOTE_TYPE_ENTITY].toLowerCase();
    if (quote_type == "inspiration") {
            conv.ask("Nice")
    }else if (quote_type == "happiness") {
        conv.ask("Happy")
    }else if (quote_type == "friendship") {
        conv.ask("Friend")
    }else {
        conv.ask("Hello There")
}
})

但我无法添加图像响应。我做了一些研究，发现人们添加了 Firebase。我想在此代码上添加图像响应。我该怎么办？

【问题讨论】：

您是使用 actions-on-google 库还是 dialogflow-fulfillment 库来执行此操作？（如果您不确定，您能否更新问题以包含您正在执行require 的代码？）
我在主题上添加了一张图片，它在哪里。
const {dialogflow} = 要求（'actions-on-google'）写作。

标签： dialogflow-es actions-on-google

【解决方案1】：

如果您正在使用 actions-on-google 库，您可以使用 Basic Card 来显示图像。

确保您需要来自 actions-on-google 库的 Basic Card 和 Image，如下所示：

const {
  dialogflow,
  BasicCard, // important
  Button,
  Image, // important
} = require('actions-on-google');

然后使用它提供您要显示的图像的 URL，如下所示：

const NEED_QUOTE_INTENT = 'Need Quote'
app.intent(NEED_QUOTE_INTENT, (conv) => {
    const quote_type = conv.parameters[QUOTE_TYPE_ENTITY].toLowerCase();
    if (quote_type == "inspiration") {
               conv.ask("Nice"); // this Simple Response is necessary
               conv.ask(new BasicCard({
                    image: new Image({
                     url: 'https://example.com/image.png', //url of your image.
                     alt: 'Image alternate text',
                 }),
         }));
    }else if (quote_type == "happiness") {
        conv.ask("Happy")
        //similarly add an image here
    }else if (quote_type == "friendship") {
        conv.ask("Friend")
    }else {
        conv.ask("Hello There")
}
})

希望有帮助！

【讨论】：

很高兴有帮助！
这行得通，但我无法在真实设备上查看。仅在 console.actions.google.com 中的模拟器上工作。如果您不介意，您能告诉我如何在安装了此应用程序的所有设备上查看吗？（添加了有关该主题的图片）

【解决方案2】：

actions-on-google 库仅适用于运行 Google 助理的设备。响应仅适用于操作。

如果您还希望它在 Dialogflow 支持的其他平台上运行，您可能需要查看 dialogflow-fulfillment 库并根据请求来自哪个平台来调整您的响应。

【讨论】：

我查看了该链接，我了解了一些内容，但如果您可以向我发送一些关于内联编辑器中 index.js 的示例，我将不胜感激。因为我的英语还不足以理解那些东西。