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

Question

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

我跑了：

npm run build 

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

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

谢谢。

Answer 1

因此，我已将 Angular Universal 项目部署到我的主机上。

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

我的主机支持 Node.js。主机的支持团队向我指导了如何使用Mac 上的终端或 Windows 程序（如PuTTY）在主机上安装 Node.js。

然后我执行了以下步骤：

1. 在托管上为项目创建文件夹。
2. 将dist文件夹复制到创建的文件夹中。
3. 在项目文件夹中安装 NPM。在这一步支持团队给了我一些帮助。因为您应该对 PATH 进行一些操作才能正确安装和运行 NPM。
4. 标准托管将public_html文件夹链接到您的域名。但 Angular Universal 项目应该位于单独的文件夹中。因此，我请求支持人员将我的域重定向到 Angular 项目文件夹和正确的端口。
5. 使用终端运行服务器：

节点 dist/server/server.js

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

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

npm 安装

npm 运行构建

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

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

您还需要在托管上复制client/和server/文件夹以及server.js和package.json文件。然后你可以通过以下方式运行你的应用程序

节点服务器.js