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