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

Question

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

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

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

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

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

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

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

问题:

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

Answer 1

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