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

我怎样才能做到这一点？

这个问题是有关这一之一，然而，答案全部状态，从Azure的开始，并没有提及如何使用Visual Studio团队服务部署现有的代码。

Answer 1

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

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

Answer 2

最简单的方法是从源控件进行部署，如果您在Azure门户中查看网站的“设置”，您可能会看到“持续部署” 。

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

每次签入都会被部署，也会出现错误，因此您可能需要将临时环境作为部署插槽引入，只要您认为您的站点已准备好进行生产，就可以将分段与生产交换。

Answer 3

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