如何从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中的“发布”选项卡中的选项，这是一个＆＃39;工件＆＃39;似乎总是需要，但我只有一堆文件。我需要在dist文件夹中发布文件，并确保提供index.html。

我该怎么做？

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

Answer 1

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

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

Answer 2

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

从那里，您可以从Visual Studio Team Services，Github等部署。

每次签入都会被部署，也会出错，因此您可能希望将暂存环境作为deployment slot引入，只要您认为您的站点已准备好进行生产，就可以将分段与生产交换

Answer 3

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