如何使用和控制Watson Assistant web聊天里面的IBM碳组件？

Question

目前，我正在使用 Watson 助手开发聊天机器人，我想问一下如何通过在对话响应中使用聊天机器人界面中的 IBM carbon 组件并控制它们，以及如何建立连接在聊天机器人内部的用户 iframe 之间，以便当用户与嵌入式 iframe 交互时，我可以在对话流中执行特定操作。

Answer 1

您可以使用user_defined响应 ( https://web-chat.global.assistant.watson.cloud.ibm.com/docs.html?to=api-render#user_defined_responses ) 来显示 Carbon 组件。 您不需要在 HTML 上包含碳 CSS（网络聊天已经包含它），只需包含正确的 class 名称即可。在https://web-chat.global.assistant.watson 上有一个使用 React 执行此操作的示例。 cloud.ibm.com/docs.html?to=tutorials-react-portals 。

对于 iframe 和 web 聊天之间的双向通信，您还需要使用用户定义的响应并使用user_defined ://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage 。 这仅适用于您控制的 iFrame 内容。 如果 iFrame 由第三方控制，您将不得不使用他们提供的任何 API。