在自己的服务器上部署Angle 7,Mongo,Express,节点应用程序

时间:2018-12-18 16:35:08

标签: node.js angular express deployment

我想在自己的服务器上使用nodejs,mongo,express js部署我的angular应用程序。

我的方法是: -> ng build --prod(输出是dist文件夹) -> dist文件夹上的ng serve

启动后端: -> node server js文件

但是我认为,这不是生产阶段的正确方法。在express上添加了http服务器,在那儿我用hbs创建了另一个索引html视图文件,在那儿我使用了:

<body>
  <my-app>Loading ...</my-app>
  <script src="/dist/bundle.js"></script>
</body>

但是在dist服务器上,有多个js文件。

如何使用ng选项(没有webpack或必须是webpack?)创建我的angular / mongo / node / express应用程序(在1中,我自己的服务器,没有aws,heroku,github等)。有正确的方法吗?

1 个答案:

答案 0 :(得分:0)

我已经能够使用Caddy Server作为网络服务器来部署有角度的应用程序。

  • 通过执行ng build --prod-true创建Angular代码的构建。 这会在dist中创建一组捆绑的Js和HTML文件 目录。

  • 将这些文件复制到您要运行应用程序的位置。

  • 接下来转到Caddy网站并下载Caddy版本 你的操作系统。您可以选择所有功能,但要针对我的部署 在防火墙内,普通的构建工作正常。
  • 将caddy文件拖放到您已编译的目录中 角度代码。

  • 创建一个caddyfile(只是一个名为caddyfile的文件),添加localhost :(您的 最喜欢的端口号)。

  • 运行球童,它将通过启动自动为您的应用服务 index.html。您可以在localhost:port上查看您的应用。

没有安装混乱的节点。 Caddy有各种各样的附件来处理更复杂的情况,但是部署是caddy.exe,caddyfile和您的内置代码。