前后端项目发布(linux)

一、项目部署流程图

在这里插入图片描述

二、后端项目发布

1 项目发布

将后端项目的打成两个jar包 分别为8091和8092端口 上传到 /usr/local/src/tomcats 目录下
在这里插入图片描述
命令说明: java -jar 8091.jar & java -jar 8092.jar & 该命令是前端启动的命令,&符号表示可以进行后续操作,如果当前终端关闭,则所有关联的tomcat服务器都会关闭. 所以前端启动不适合项目真正的部署. 应该开启后端运行的方式.

后端启动命令,执行 nohup java -jar 8091.jar => 8091.log & nohup java -jar 8092.jar => 8092.log &
进程项检查: ps -ef | grep 服务名,| 指管道 ,将之前的结果当作后边的参数进行调用
在这里插入图片描述

2 项目启动脚本

脚本文件 start.sh
#!表示指定运行的文件
/bin/sh 来运行我的脚本文件
在这里插入图片描述
运行脚本文件: sh start.sh

3 检查java程序是否正常运行

在Linux系统中检索java的服务器
执行命令: jps
在这里插入图片描述

三、部署前端项目

1 前端项目打包上传

将vue项目打包的dist目录,上传/usr/local/nginx目录下
在这里插入图片描述

2 修改nginx配置文件

nginx的工作目录查找
在这里插入图片描述
路径 /usr/local/nginx/conf 下的 nginx.conf

    #1.配置前端服务器
    server {
       listen         80;
       server_name    web.jt.com;
       location / {
           root   dist;
           index  index.html;
       }
    }
    
    #2.配置图片反向代理
    server {
       listen         80;
       server_name    image.jt.com;
       location / {
           root   /usr/local/src/images;
       }
    }
    
    #3.配置tomcat集群
    upstream tomcats {
        server  192.168.58.128:8091;
        server  192.168.58.128:8092;
    }
    
    #4.实现后端反向代理
    server {
       listen          80;
       server_name     manage.jt.com;
       location / {
           proxy_pass  http://tomcats;
       }
    }

注:修改完成之后重启nginx服务器

3 修改hosts文件

说明: 如果没有购买域名 可以暂时修改hosts文件实现域名与IP的映射.
注意事项: 修改的是客户端的hosts文件目录.

127.0.0.1       localhost
::1             localhost
#图片服务器域名
#127.0.0.1       image.jt.com
#前端域名地址
#127.0.0.1       web.jt.com
#后端域名地址
#127.0.0.1       manage.jt.com

#Linux系统配置 只对本机测试有效 192.168.58.128是虚拟机ip
192.168.58.128       image.jt.com
192.168.58.128       web.jt.com
192.168.58.128       manage.jt.com	

4 测试

浏览器输入 http://web.jt.com/ 能登录进去,恭喜你前后端部署成功啦

四、关闭进程

说明: 如果需要手动的关闭某个服务器的进程项则执行如下指令.
命令:

  1. kill PID号 常规关闭进程 进程可以执行善后操作
    在这里插入图片描述
  2. kill -15 PID号 较为强制的关闭.(也有善后操作)
  3. kill -9 PID号 强制关闭进程. (后果自负)

想了解windows下前后端项目部署点这里》》》

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值