deployment - 如何将 Angular Universal 项目部署到标准托管？

Question

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

我跑了:

npm run build 

并收到带有客户端和服务器子文件夹的 dist 文件夹。

我应该如何使用这些文件夹和文件来在主机上运行项目？

谢谢。

Answer 1

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

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

我的主机有 Node.js 支持。托管的支持团队给了我一个说明如何使用终端在托管上安装 Node.js
Mac 或适用于 Windows 的程序，如 PuTTY。

然后我经历了以下步骤:

在主机上为项目创建文件夹。

将 dist 文件夹复制到创建的文件夹中。

在项目文件夹中安装 NPM。在这一步，支持团队给了我一些帮助。因为你应该用 PATH 做一些事情
NPM 的正确安装和工作。

标准托管将 public_html 文件夹链接到您的域名。但是 Angular Universal 项目应该在一个单独的文件夹中。
所以我要求支持将我的域重定向到 Angular
项目文件夹和适当的端口。

使用终端运行服务器:

node dist/server/server.js

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

添加。 我还尝试了以下方法:将我的项目文件夹(没有 node_modules 文件夹)复制到托管，然后运行

npm install

npm run build

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

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

您还需要在您的主机上复制您的 客户/和 服务器/文件夹以及 server.js 和 package.json 文件。
然后你可以运行你的应用程序

node server.js