如何将 AngularJS、Gulp、Bower 和 NPM 包全前端应用程序部署到数字海洋?

How to deploy AngularJS, Gulp, Bower and NPM packages full frontend app to digital ocean?

我在 AngularJS 中有一个前端应用程序,gulp 服务器带有 bower 和 npm 包。我想将该应用程序部署到 digital ocean droplet,当我访问 digitalocean 提供的 IP 时,我在浏览器中获得了我的应用程序 运行。

我还想像 rails 中的 capistrano 一样持续部署。此外,我的前端正在与 rails 后端完全分开 API app.

我正在使用 Angular 1.5、Bower、NPM、Angular Material 和 GULP

DO 在他们的网站上有一个关于使用 git (post-receive) 挂钩的很好的教程。真的很简单,但非常强大。我自己使用它来将代码推送到服务器,运行 构建脚本并将应用程序复制到 Web 目录。有关 git post-接收挂钩的教程,请参阅 https://www.digitalocean.com/community/tutorials/how-to-set-up-automatic-deployment-with-git-with-a-vps

  • 首先,您需要为生产构建所有文件。 (一个用于您的代码源 JS,一个用于您使用的所有库)。
  • 服务器(Nginx、Apache...)在您的 VPS 实例上为您编译的文件(HTML、JS、CSS)提供服务。

所以你有两个选择,有一个脚本 运行 在你的服务器中完成所有必要的构建任务,最后将它部署 (copy/paste) 在你的服务器目录中。

或者在本地构建所有文件,然后将编译后的文件推送到服务器。

我认为最好在另一台服务器或本地计算机上编译文件,因为您将使用服务器上的资源,并且需要在服务器计算机上安装所有构建需求。