創建的類似於屈臣氏虛擬代理

Question

我已經看到了這個頁面上的GIF東西： https://github.com/watson-virtual-agents/chat-widget

而且我想與IBM沃森通話工具的東西creato similat這個

在哪個用戶可以選擇插入一個特定底部的一些選項。你知道它怎麼可能？

Answer 1

很確定你可以做這個例子。

您需要知道的總結：Watson Conversation是一個終結點REST API，因此，您可以在後端和前端的任何位置調用此服務，以便以不同形式顯示用戶的消息（前端 - 結束）。

在這種情況下，您的示例是一個Web頁面，因此，可能在沃森會話中，您需要在響應中添加html作爲buttons。

您可以從一位IBM Developer - Ashley使用Watson中的按鈕來查看this example。

Conversation simple是一個很棒的例子，您可以使用它瞭解Watson Conversation的工作原理以及使用此API的項目的基礎。該項目建於Node.js。

• 查看使用IBM Watson Conversation的官方API Reference。

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（他建議我去sobstitute「用'，我一定能）

這個代碼

#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文件進行的任何類型的修改。 即使我嘗試替換底部框中的「鍵入內容」字符串，也不會。 我試着清空緩存，在每次修改時恢復部署，檢查manifest.yml文件的服務名稱和內容是否正確，但沒有任何內容。工作空間和環境變量是正確的。 每次我打在eclipse ID的播放按鈕，我看到這個

https://imgur.com/a/oe5lt

與「無法讀取應用程序內容」的錯誤消息。 代碼中有什麼（你可以在這裏找到https://github.com/watson-developer-cloud/car-dashboard）阻止任何類型的修改？