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

编程入门 行业动态 更新时间:2024-10-09 06:23:11

在<a href=https://www.elefans.com/category/jswz/34/1771270.html style=自己的服务器上部署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和您的内置代码。

更多推荐

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

本文发布于:2024-05-07 01:44:06,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1754075.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:自己的   节点   应用程序   器上   mongo

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!