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

Question

我的Angular Universal项目正在我的localhost上工作。所以现在我想在安装了Node.js的标准网络托管上测试它。

我跑了：

npm run build 

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

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

感谢。

Answer 1

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

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

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

然后我走了以下几步：

1. 在主机上为项目创建文件夹。
2. 将 dist 文件夹复制到创建的文件夹。
3. 在项目文件夹中安装NPM。在这一步支持团队给了我一些帮助。因为你应该用PATH做些什么 正确安装和工作NPM。
4. 标准托管将 public_html 文件夹链接到您的域名。但Angular Universal项目应该在一个单独的文件夹中。 所以我已经请求支持将我的域名重定向到Angular 项目文件夹和适当的端口。
5. 使用终端运行服务器：

  

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 和包。 json 文件。 然后，您可以通过

运行您的应用程序

  

node server.js