最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

在自己的服务器上部署angular 7,mongo,express,节点应用程序

网站源码admin21浏览0评论

在自己的服务器上部署angular 7,mongo,express,节点应用程序

在自己的服务器上部署angular 7,mongo,express,节点应用程序

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

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

启动后端:->node serverjs文件

但是我认为,这不是生产阶段的正确方法。在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等)。有正确的方法吗?

回答如下:

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

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

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

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

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

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

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

发布评论

评论列表(0)

  1. 暂无评论