将自定义的Bot Framework Web聊天部署到Azure

Question

我已经通过从来源here进行克隆来自定义网络聊天。不，我想将此部署到Azure并将其托管在我的一个网站上。我正在根据上述说明构建应用程序。尝试部署时，我收到“您无权查看此页面”或503网关错误。

我应将Azure网站指向何处。在本地运行时，需要将其指向示例目录中的示例之一。当我尝试在Azure上执行相同操作时，聊天永远不会加载并显示空白窗口。应用程序的部署方式是否存在错误？

Answer 1

  

“您无权查看此页面”

我怀疑您的Azure网站中没有默认页面，这会导致此问题。您可以将网页添加/指定为the default document。

如果我的项目文件夹中没有默认文档（网页），则会出现相同的问题：

  

我已通过从此处进行源克隆来定制了我的网络聊天。现在，我要将其部署到Azure并将其托管在我的一个网站上。

您可以按照以下步骤自定义和构建自己的Web聊天，然后将其添加到您的网站。

1）请参考“Building Web Chat”中描述的步骤来构建自己的Web聊天

2）在您的网站项目中包括自己定制的botchat.css和botchat.js

3）在网页部分添加对botchat.css和botchat.js的引用

4）使用directLine_secret，botid等信息添加并启动BotChat

<script>
    BotChat.App({
        directLine: { secret: "{directline_secret}" },
        user: { id: 'You' },
        bot: { id: '{bot_id}' },
        resize: 'detect'
    }, document.getElementById("bot"));
</script>

5）如果WebChat可以正常工作，则在本地进行测试，然后将网站发布到Azure

我按照上述步骤进行了测试，它在本地和Azure网站上均能正常工作。