如何从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文件夹.