持续部署基于NodeJS的单页应用程序，运行在Windows上？

Question

我正试图找到一个良好的设置，以便在Windows上连续部署单页应用程序。以下是制约因素：

• 源代码托管在GitHub上。
• 该应用程序必须在Windows上提供，要么作为Web应用程序，要么作为适合于单页应用程序的其他Azure服务，即静态html5 5站点，而不需要服务器端处理。
• 我正在尝试各种单页面应用程序架构，使用基于NodeJS的构建技术，比如grunt或gulp来生成最终的站点。
• 我使用WebStorm作为web开发的环境，因此在这种情况下，任何对Visual和MSBuild的依赖都显得很尴尬。
• 我希望在云中设置连续部署，即每一次新提交都应该导致自动构建和部署。每一件事都应该在云中实现自动化。

我已经尝试了的持续部署特性，但是我不能让构建过程做我想做的事情。也许可以调整构建过程，我不确定。

我也研究过AppVeyor，但这似乎是针对使用MSBuild作为构建平台的.NET项目而优化的。

我已经开始调查特拉维斯-奇和循环，这似乎是很有希望的。

我希望找到使用最新技术和云服务的最简单和最自然的方法。你能推荐些什么？

Answer 1

我认为您所缺少的概念是，您需要一个从一个阶段到另一个阶段交付代码的管道。

这一切都可以在Github和Azure的基础上完成。这可能是一个示例管道。

• 当您第一次提交更改时，它将被提交到“test”分支。
• Github中的web钩子调用您的Travis服务器，它将执行所需的构建步骤，并执行任何初步测试。例如，确保它编译等。
• 然后将代码与暂存分支合并。
• Azure获取新代码并将其部署到您的暂存Web应用程序中。
• 另一个Github web钩子触发了您的功能和性能测试。
• 在这个阶段，您可能有一个手动步骤来授权部署到生产。
• 然后自动或手动地将暂存分支与生产分支合并，Azure将自动部署。

这显然是简化的，但它应该让您开始思考您需要实现的过程。

Answer 2

如果您想在没有服务器端处理的情况下继续部署HTML5单页应用程序，我认为没有必要使用NodeJS的构建技术来部署静态html5网站。

您可以尝试在Azure老门户上创建一个HTML5 Empty Web App和set up deployment from source control，请查看下面的图片并参考文档https://azure.microsoft.com/en-us/documentation/articles/web-sites-publish-source-control/。

​

​

​

​

选项set up deployment from source control位于Azure老门户上Web的DASHBOARD选项卡页的右侧。

​

​

然后您可以访问您的Azure WebApp在https://<your azure webapp name>.scm.azurewebsites.net/DebugConsole上的Kudu工具，您可以在path site/wwwroot上找到您的静态html5网站的这些web文件。下面的图片是我对wwwroot目录HTML5 Empty Web Apps的快照。

​

​

如有任何问题，请随时通知我。