如何从 Visual Studio Team Services 将静态网站部署到 Azure

Question

我想使用 Visual Studio Team Services 在 Azure 上部署一个现有网站。该网站由静态文件组成，不涉及 ASP.NET 或其他任何内容。

在 Visual Studio Team Services 中，我创建了一个执行 npm install 和 gulp 构建的构建。这会生成一个包含网站所有文件的dist 文件夹。在 Azure 中，一切都已正确设置（订阅、Web 应用程序......）。

但是，我不确定如何将我的代码推送到 Azure。探索 VSTS 的“发布”选项卡中的选项，似乎总是需要“工件”，但我只有一堆文件。我需要在dist 文件夹中发布文件并确保提供index.html。

我该怎么做？

这个问题和this有关，但是，答案都是从Azure开始，并没有提到如何使用Visual Studio Team Services部署现有代码。

Answer 1

诀窍是自己创建工件，它可以像包含静态网站文件的 zip 文件 一样简单。 zip 文件应作为工件复制到 $(build.artifactstagingdirectory) 目标目录。接下来，您可以使用简单的 Web 应用部署任务 将 zip 文件发布到 Azure。如果index.html 位于根目录中，则 Azure 足够聪明，可以为它提供服务。

以下是一个有效的构建和部署流程。它假定gulp 用于构建网站并将构建输出（即静态文件）写入 dist 文件夹。

Answer 2

最简单的方法是从源代码管理中进行部署，如果您在 Azure 门户中查看您网站的“设置”下，您可能会看到 "Continuous deployment"。

从那里您可以从 Visual Studio Team Services、Github 等进行部署。

每次签入都将被部署，也包括错误的签入，因此您可能还需要引入一个暂存环境作为deployment slot，您可以在您觉得您的站点已准备好投入生产时将暂存与生产交换。

Answer 3

无需创建工件，另一种解决方案可能是在 VSTS 中创建服务端点后进行 FTP 部署