当前位置: 首页 > news >正文

day4 linux上部署第一个nest项目(java转ts全栈/3R教室)

  • 背景:上一篇吧nest-vben-admin项目,再开发环境上跑通了,并且build出来了dist文件,接下来再部署到linux试试吧

  • dist文件夹是干嘛的? 一个pnpn install 直接生成了两个dist文件夹,前端admin项目一个(vue的),后端server项目一个(nestjs的)

    • 前端容易理解,就是静态页面,放nginx上就行了
    • 那么nestjs的dist文件呢?按照java springboot的经验吧打包出来的文件放服务器上启动就行了,java用jdk启动,那么nestjs应该是用node启动吧
  • 尝试:于是生产环境的linux上,安装node pnpm等环境

    • dist中有个关键的main.js文件,网上说用node main.js就可以启动,但是启动后报错 node_modules 缺失。。感情node_modules的依赖不会打包呀,这个和springboot打jar包挺不一样的
  • node_modules如何部署? 网上查了一些帖子,竟然很多人要把整个项目代码 git下载到生产环境,在服务器上安装依赖包的。。。这个挺出乎意料的。先按照这种方法试试吧,之后再优化部署方式(「技术教程」Nestjs 与Prisma打包部署 – Eswlnk Blog)

    • 1711702573390.png

       

      1711683914402.png

    • 跟几个人交流后,他们说
  • 开始部署:把整个项目放到了linux上,然后再install把node_modules安装了下来,这时候因为是生产环境就不能run dev了,需要start:prod

    • 这时候发现原来start:prod的命令是需要用到dist文件的,这大概就是build的作用吧

      1711705533838.png

    • 然后pnpm build,报错:pnpm add turbo -g 安装下

      1711684878693.png

    • 继续build,报错 找不到node_modules?看了下目录,基本空的,看来没安装成功
    • 1711685032578.png

    • 重新install,仔细看日志:"resolutions"这个错误本地开发环境也有,主要是安装进程被kill的问题:尝试 chmod -R 775 给目录赋予下权限,不行;重新安装配置了下pnpm 好了,install成功!

      1711686706837.png

    • 继续build,成功了(这里我在整个项目下build,前端打包报错了,然后前端在开发环境下build了下,拿了过来;应该都可以在开发环境build好,唯独是node_modules需要在生产环境安装)

      1711685032578.png

  • 启动调试:前端就是放nginx上,后端cd到server目录下,pnpm start:prod &

    • 测试后端启动成功;测试前端启动成功,登陆报405

      1711704241252.png

    • 发现找不到启动日志,准备用nohup记录一下,但是如何关闭掉nestjs程序呢?按照java的思路,直接kill掉进程就行,于是尝试kill掉nestjs进程:不行;再试着kill掉node进程:也不行

      1711698701183.png

    • 如何关闭node程序?网上找了个killall node,可以了
    • nohup启动后,看到启动日志并没有变化,说明没请求到后端,检查nginx配置,补上后端接口配置

      1711699654509.png

    • 继续测试登陆,报错404,这时候请求到后端了,不过请求路径配错了,少了/api,改下nginx配置

      1711700055701.png

    • 启动成功了!

      1711700232794.png

  • nginx配置:

server {listen       5173;charset utf-8;location / {root  /home/project/wangc-nest-admin/apps/admin/dist;try_files $uri $uri/ /index.html;index  index.html index.htm;}location /api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://localhost:5001/api/;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}

  • 总结:nestjs项目部署流程走通了,以下是可以优化的地方
    • 源码应该并不需要全部放生产环境:首先前端项目直接打包放服务器就行,而后端的node_modules是需要在生产环境安装的,所以后端的package.json是需要的,dist文件应该也是可以打包好放服务器的。
    • node_modules也比较占资源,并且如果能把代码和依赖一起打包就好了,这方面之后看看webpack,vercel(ncc)这些的前端构建工具,之后在用docker部署下试试(不同于maven管理构建一套生命周期全管下,前端得npm webpack等一起用)

      1711702932746.png

http://www.lryc.cn/news/329852.html

相关文章:

  • 学会这几点,是搭建产品知识库的关键
  • MySql 常用的聚合函数总结
  • Charles for Mac 强大的网络调试工具
  • 【数据结构】优先级队列——堆
  • 【力扣】45.跳跃游戏Ⅱ
  • containerd使用了解
  • gateway 分发时若两个服务的路由地址一样,怎么指定访问想要的服务下的地址
  • 【LeetCode】三月题解
  • 云手机:实现便携与安全的双赢
  • fast_bev学习笔记
  • Collection与数据结构链表与LinkedList(三):链表精选OJ例题(下)
  • 05 | Swoole 源码分析之 WebSocket 模块
  • Vue--------父子/兄弟组件传值
  • Qt实现Kermit协议(一)
  • linux在使用重定向写入文件时(使用标准C库函数时)使处理信号异常(延时)--问题分析
  • 淘宝扭蛋机小程序:趣味购物新体验,惊喜连连等你来
  • linux:生产者消费者模型
  • C++教学——从入门到精通 5.单精度实数float
  • 面向对象设计之单一职责原则
  • 蓝桥杯真题:单词分析
  • Python字符串字母大小写变换,高级Python开发技术
  • CentOS常用功能命令集合
  • 黑马点评项目笔记 II
  • 关于一篇知乎答案的重现
  • 实时数据库测试-汇编小程序
  • HTML5 、CSS3 、ES6 新特性
  • 基于springboot+vue实现的驾校信息管理系统
  • X进制减法(贪心算法C++实现)
  • [Windows]服务注册工具(nssm)
  • Xilinx缓存使用说明和测试