如何在页面加载时扩展 Watson Assistant答案

【问题标题】：How to expand Watson Assistant on Page Load如何在页面加载时扩展 Watson Assistant
【发布时间】：2020-05-05 19:18:32
【问题描述】：

我想问一下是否可以在页面加载时扩展 Watson Assistant 聊天机器人？目前，当页面加载时，用户必须点击下面的小图标才能启动聊天机器人。

Watson Assistant Chatbot Icon

我正在使用 Chrome，该解决方案也应该适用于移动平台。

到目前为止，我有以下带有聊天机器人脚本的空白页面：

<body style="height: 100%;">
<script src=https://assistant-web.watsonplatform.net/loadWatsonAssistantChat.js></script>
<script>
  window.loadWatsonAssistantChat({
    integrationID: "some id", // The ID of this integration.
    region: "eu-gb" // The region your integration is hosted in.
  }).then(function(instance){
    instance.render();
  });
</script>
</body>
</html>

【问题讨论】：

标签： javascript single-page-application chatbot ibm-watson watson-assistant

【解决方案1】：

从上面看，我注意到您正在使用新的 IBM Web Chat 客户端，该客户端已添加到您的 html 页面中。如果您在 Web 客户端的文档中注意到 - 有关于扩展 Web 聊天的部分和 GitHub 中的额外文档。
在该文档中，您将找到可以添加到创建 Web 聊天实例的额外选项列表。其中一个选项是在加载网页时打开网络聊天，而不是图标。甚至可以将网络聊天添加到您自己的图标中。
您所追求的选择是；
options.openChatByDefault - boolean - 可选 - false - 是否将聊天窗口最初呈现为打开状态。默认情况下，聊天窗口呈现为关闭状态。
所以你的代码应该是；

<body style="height: 100%;">
<script src=https://assistant-web.watsonplatform.net/loadWatsonAssistantChat.js></script>
<script>
  window.loadWatsonAssistantChat({
    integrationID: "some id", // The ID of this integration.
    region: "eu-gb", // The region your integration is hosted in.
    options.openChatByDefault: true 
  }).then(function(instance){
    instance.render();
  });
</script>
</body>
</html>

【讨论】：

嗨@timd，我希望它集成到 React 应用程序中。我创建了一个函数loadwatson，但options.openChatByDefault: true 给出了语法错误。请帮忙

【解决方案2】：

根据the API，您需要在window.watsonAssistantChatOptions = {...} 中使用openChatByDefault: true。请注意，我在回答时的 API 版本与问题的版本不同，它与以下嵌入脚本一起使用。

  window.watsonAssistantChatOptions = {
    integrationID: "############", // The ID of this integration.
    region: "eu-gb", // The region your integration is hosted in.
    serviceInstanceID: "############", // The ID of your service instance.
    onLoad: function(instance) { instance.render(); },
    openChatByDefault: true
  };
  setTimeout(function(){
    const t=document.createElement('script');
    t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" + (window.watsonAssistantChatOptions.clientVersion || 'latest') + "/WatsonAssistantChatEntry.js"
    document.head.appendChild(t);
  });

【讨论】：