如何将我自己的 Iframe BotFramework (dot Net) 发布到 Azure?

Raf*_*oGD 0 c# iframe azure botframework

简单的问题是,有没有办法将我自己的 Embed Web chat 版本发布到 Azure 中?我需要更改 Web Chat Bot 的布局以在公司网站中使用,但 Iframe 不允许更改。

github BotFramework-WebChat 存储库和教程在这种情况下不起作用,因为我已经在 Dot Net 中完成了所有工作,Azure 甚至不允许在 Dot Net 应用程序中使用 npm 命令。

我被困在这一步,我真的需要帮助来解决这个问题。

Mas*_*ief 5

除了使用 iframe,您还可以使用其他一些技术。嵌入 Iframe 很容易,但它并没有给我们控制权。此处列出的几种方法中的一些。

其中在你的非 React 网站中,运行网络聊天内联允许你使用自定义 CSS 控制网络聊天布局的外观,同时仍然相对容易

从页面摘录

添加 DirectLine(非网络聊天)频道,并生成 Direct Line Secret。确保启用 Direct Line 3.0。

例如,在您的网站中包含 botchat.css 和 botchat.js,

<!DOCTYPE html>
<html>
  <head>
    <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" />
  </head>
  <body>
    <div id="bot"/>
    <script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script>
    <script>
      BotChat.App({
        directLine: { secret: direct_line_secret },
        user: { id: 'userid' },
        bot: { id: 'botid' },
        resize: 'detect'
      }, document.getElementById("bot"));
    </script>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

以下是应用了自定义 CSS 呈现的卡片轮播示例:

在此处输入图片说明

.Net 或 Node 模块在这里没有帮助。它更多的是应用 HTML、CSS 和 JS 知识。