如何從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部署