Question

enter image description here我使用C＃创建了MS Bot应用程序，使用LUIS进行Intent识别。我想在我自己的示例Asp.Net Web应用程序中添加聊天UI。我没有使用Azure服务，只是我使用了用户识别LUIS服务的Intent并用C＃开发了MS Bot。如何使用我自己的Web应用程序为Chat bot集成或提供新的UI。

Answer 1

您可以单独开发机器人应用程序和asp.net应用程序。要将您的机器人嵌入到您的Web应用程序中，您可以使用Direct Line API。

例如，在发布您的机器人之后，您可以Connect a bot to Direct Line，简单的方法是在您的网页中使用IFRAME，例如：

<iframe src='path to your bot with SECRET key or token' height="height" width="width"></iframe>

有关详情，请参阅ReadMe的Microsoft Bot Framework Web Chat。

Answer 2

Here你可以看到Message控制器，它是应用程序的起始点，从这里开始。这里只有我们发送和接收用户的回复。

Answer 3

选项1：托管网络聊天

在将页面返回给用户之前，请务必更换令牌的直接线路密码。永远不应该分享这个秘密。可以在此处找到更多信息：https://docs.microsoft.com/en-us/azure/bot-service/rest-api/bot-framework-rest-direct-line-3-0-authentication

<!DOCTYPE html>
<html>
  <body>
    <div id="webchat" role="main"></div>
    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <script>
      window.WebChat.renderWebChat({
        directLine: window.WebChat.createDirectLine({ token: 'YOUR_DIRECT_LINE_TOKEN' }),
        userID: 'YOUR_USER_ID',
        username: 'Web Chat User',
        locale: 'en-US',
        botAvatarInitials: 'WC',
        userAvatarInitials: 'WW'
      }, document.getElementById('webchat'));
    </script>
  </body>
</html>

选项2：iframe

在Azure中注册了Bot服务后，最简单的方法是将iframe嵌入代码添加到Bot创建的 default.htm 文件中的<body>申请模板：

<body>
   <iframe src='https://webchat.botframework.com/embed/YOUR_BOT_HANDLE?t=YOUR_WEBCHAT_TOKEN' height="400" width="400"></iframe>
</body>

请务必更改YOUR_BOT_HANDLE和YOUR_WEBCHAT_TOKEN以匹配您自己的。

然后，当您运行项目时，显示的页面将显示连接到您的机器人的网络聊天控件。

如何在我自己的Asp.Net Web应用程序中添加我的MS Bot应用程序

3 个答案: