Question

我在这个页面上看过gif： https://github.com/watson-virtual-agents/chat-widget

我想使用IBM Watson Conversation工具创建与此类似的东西

在哪个用户可以选择插入特定底部的一些选项。你知道怎么可能吗？

Answer 1

很确定你可以做这个例子。

您需要了解的摘要：Watson Conversation是一个端点REST API，因此，您可以在后端和前端的任何内容中调用此服务，以便以不同的形式显示用户的消息（前端）。

在这种情况下，您的示例是一个网页，因此，可能在Watson会话中，您需要在响应中为html添加buttons。

您可以使用Watson中的按钮从一位IBM Developer - Ashley看到this example。

Conversation simple是一个很棒的示例，您可以使用它来了解Watson Conversation如何工作，以及一个基于您使用此API的项目。该项目内置于Node.js。

请参阅官方API Reference以使用IBM Watson Conversation。

Answer 2

确定。

我已插入此代码

<script>
    function yesBye() {
        var latestResponse = Api.getResponsePayload();
        var context = latestResponse.context;
        Api.sendRequest("yes", context);
    }
    function noBye() {
        var latestResponse = Api.getResponsePayload();
        var context = latestResponse.context;
        Api.sendRequest("no", context);
    }
</script>

在/ui/index.html里面（他建议我“和'一起做”，然后我就去做吧）

此代码

#button-yes {
    width: 100px;
    margin: 5px;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    background-color:#66B266;
    color: white;
}

#button-no {
    width: 100px;
    margin: 5px;
    font-size: 16px;
    border: none;
    border-radius: 2px;
    background-color:#ff3232;
    color: white;
}

在/ui/css/conversation.css里面和/ui/css/main.css里面

和此代码

"text": "Would you link to end our conversation?\n\n<button id=\"button-yes\" onclick=\"yesBye();\">Yes</button> <button id=\"button-no\" onclick=\"noBye();\">No</button>"

在单个节点的代码js编辑器中

这是情况

image

表示页面识别按钮但不识别其CSS样式。我的项目结构与此相同（https://github.com/watson-developer-cloud/car-dashboard），每次编辑后我再次部署项目。错误在哪里？

Answer 3

好的，但这不是CSS问题。通过丢失按钮，我不会对index.html文件进行任何类型的修改。即使我尝试更换＆＃34;键入内容＆＃34;底部框中的字符串。我试图清空缓存，在每次修改时恢复部署，检查manifest.yml文件的服务名称和内容是否正确，但没有。工作空间和环境变量是正确的。每当我点击eclipse ID中的播放按钮时，我都会看到这个

https://imgur.com/a/oe5lt

＆＃34;无法阅读应用程序内容＆＃34;错误信息。代码中是否有任何内容（您可以在此处找到https://github.com/watson-developer-cloud/car-dashboard）阻止任何类型的修改？

创建类似于Watson Virtual Agents的东西

3 个答案: