javascript - 如何部署 Angular/Node 应用程序

标签 javascript node.js angular

我有一个简单的 Angular 4 前端以及一个单独托管在 Heroku 上的 Node 后端。

我通过运行 ng build 并将 dist 文件夹的内容复制到服务器来部署我的 Angular 应用程序。

从那时起,我决定将后端集成到前端中,因此这只是一个项目,而不是两个。

我可以轻松地在根目录上运行 node server.js,它在我的本地主机上运行完美。

但是我怎样才能将它部署到我的服务器上呢?我显然不能只ng build 并复制 dist 文件夹,因为那样只会构建客户端文件夹和文件。

我可以只复制包含路由的服务器文件夹以及 server.js 文件和客户端文件,然后以某种方式告诉服务器在加载站点时运行 server.js 吗?

我使用 FileZilla 将我的文件传输到服务器上。

问题:

  • 如何使用 FileZilla 部署我的 Angular/Node 应用程序?
  • 我要将哪些文件/文件夹与客户端文件一起复制过来?

最佳答案

  1. 如果您使用的是 Angular CLI,请运行 ng build 命令以生成 dist 文件夹。
  2. 复制dist文件夹到后端服务器nodejs项目。
  3. 使用您的 Nodejs 代码提供 dist 文件夹。
  4. 如果您使用的是 ExpressJS。这可以在一行中完成

    app.use(express.static('dist'));

  5. 安装 Heroku CLI 并按照教程部署您的应用程序:Heroku NodeJS Tutorial

关于javascript - 如何部署 Angular/Node 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43931919/

相关文章:

angular - 使用 Angular Material 2 输入的自定义样式

javascript - 固定位置元素性能不佳

.net - 如何在 azure 云服务项目中部署 Node.js Web 角色和 .NET Web 角色?

javascript - 将 Firebase 可观察到的 Angular 映射到模板

Angular 4 - 拦截http请求并在登录后重新发送

node.js - 调整 node-mongodb-native 连接池大小

Javascript 帮助 - 生成全 0 的 selfDividingNumbers 算法

javascript - 尝试上传到使用多个元数据生成的 GCP 签名网址时收到 403

javascript - jade/pug 中另一个元素内带有 id 的元素

javascript - 使用 JavaScript 提取 .xsn 扩展文件