如何将 Angular 通用项目部署到标准主机?

How to deploy Angular Universal project to standard hosting?

我的 Angular 通用项目在我的本地主机上运行。所以现在我想在安装了 Node.js 的标准虚拟主机上对其进行测试。

我有 运行:

npm run build 

并收到 dist 文件夹,其中包含 clientserver 子文件夹。

如何将这些文件夹和文件放入运行主机上的项目中?

谢谢。

所以我已经将 Angular 通用项目部署到我的主机上。

我可以说托管的支持团队给了我很多帮助。不知道可不可以自己部署这样的项目

我的主机有 Node.js 支持。主机的支持团队给了我如何使用 terminal 在主机上安装 Node.js 的说明 Mac 或 Windows 的程序,例如 PuTTY.

然后我完成了以下步骤:

  1. 在主机上为项目创建文件夹。
  2. dist 文件夹复制到创建的文件夹。
  3. 在项目文件夹中安装 NPM。在这一步,支持团队给了我一些帮助。因为你应该用 PATH 做一些事情 NPM 的正确安装和工作。
  4. 标准主机 link将 public_html 文件夹添加到您的域名。但是 Angular 通用项目应该在一个单独的文件夹中。 所以我要求支持人员将我的域重定向到 Angular 项目文件夹和正确的端口。
  5. 运行 服务器使用终端:

node dist/server/server.js

毕竟我可以看到我的项目在我的域名上运行良好。

Addition. 另外我尝试了以下方法:将我的项目文件夹(没有 node_modules 文件夹复制到主机然后 运行

npm install

npm run build

您也可以通过这些命令在主机上创建 dist 文件夹。

Addition. 假设您在主机上配置 Node.js 服务器。此外,您应该确保您的项目已准备好部署。这是 link 需要准备什么代码:https://github.com/angular/angular-cli/wiki/stories-universal-rendering

您还需要在主机上复制 client/server/ 文件夹以及 server.jspackage.json 文件。 然后你可以运行你的申请

node server.js