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

Question

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

    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。我想在此代码上添加图像响应。我该怎么办？

Answer 1

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

确保您需要 actions-on-google 库中的基本卡片和图片，如下所示：

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")
}
})

希望对您有所帮助！

Answer 2

google 上的操作库仅适用于运行 Google 智能助理的设备。响应仅针对操作。

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

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

How to add image with Inline Editor on Dialogflow

actions-on-google

dialogflow-es