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

Question

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

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

Answer 1

“您无权查看此页面”

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

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

我通过从此处的源克隆自定义了我的网络聊天。现在我想将它部署到 Azure 并将其托管在我的一个网站上。

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

1) 参考“Building Web Chat” 中描述的步骤构建自己的网络聊天

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 网站上都可以正常工作。