首页 文章

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

提问于
浏览
3

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

在Visual Studio Team Services中,我创建了一个执行 npm installgulp 构建的构建 . 这会生成一个 dist 文件夹,其中包含该网站的所有文件 . 在Azure中,一切都设置正确(订阅,Web应用程序,...) .

但是,我似乎总是需要“神器”,但我只有一堆文件 . 我需要在 dist 文件夹中发布文件,并确保提供 index.html .

我怎样才能做到这一点?

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

3 回答

  • 1

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

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

    enter image description here

  • 1

    最简单的方法是从源控件进行部署,如果您在Azure门户网站中查看"Settings"下的网站,您可能会看到"Continuous deployment" .

    从那里,您可以从Visual Studio Team Services,Github等部署 .

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

  • 5

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

    enter image description here

    enter image description here

相关问题