瑞吉外卖前后端分离部署

桃扇骨 2024-03-25 09:48 46阅读 0赞

## 部署架构 ##

![9b4d62020377b7444653be65e624124d.png][]

用户通过访问前端资源（nginx），其中涉及到的后端资源在nginx中通过反向代理访问！

## 前端资源部署 ##

事先在服务器下载Nginx，MySQL，将前端打包文件上传至nginx目录下的html文件内

![4d633a9bda50d1e7f1702bfa1343969d.png][]

修改配置文件

![3f8e1e02badb416e142d748223ccca5e.png][]

重新加载配置文件并启动nginx服务

![d1ef5aa8737277872c599b8210abfecc.png][]

![7b0a5641ca3f23d153bddf0e5d97f49b.png][]

**此时前端就部署好啦！！！**

## 后端资源部署 ##

事先在服务器下载jdk，MySQL，tomcat，git，并使用git clone将代码克隆下来

![89ea293cf213093a7cd2be8f3bb1ea29.png][]

编写shell脚本，完成杀死进程，拉取代码，打包，启动服务的功能，shell脚本如下：

echo =================================
    echo  自动化部署脚本启动
    echo =================================
    
    echo 停止原来运行中的工程
    APP_NAME=reggie
    
    tpid=`ps -ef|grep $APP_NAME|grep -v grep|grep -v kill|awk '{print $2}'`
    if [ ${tpid} ]; then
        echo 'Stop Process...'
        kill -15 $tpid
    fi
    sleep 2
    tpid=`ps -ef|grep $APP_NAME|grep -v grep|grep -v kill|awk '{print $2}'`
    if [ ${tpid} ]; then
        echo 'Kill Process!'
        kill -9 $tpid
    else
        echo 'Stop Success!'
    fi
    
    echo 准备从Git仓库拉取最新代码
    cd /javaProject/reggie
    
    echo 开始从Git仓库拉取最新代码
    git pull
    echo 代码拉取完成
    
    echo 开始打包
    output=`mvn clean package -Dmaven.test.skip=true`
    
    cd target
    
    echo 启动项目
    LOG_NAME=reggieLog.log
    nohup java -jar Reggie-0.0.1-SNAPSHOT.jar &> $LOG_NAME &
    echo 项目启动完成

启动shell脚本

![b800a76b967853ab63b6e2d47c06aa29.png][]

**此时后端咱们就部署好了！！！！**

访问192.168.1.131（nginx部署的服务器）

![8e5b8b14a07a2685fda9759622c000ae.png][]

页面正常访问，我们试试能不能登录进去，如果可以则说明前后的分离部署成功！！！

![1ffdc0e30c371229f72f1e24acafa432.png][]

[9b4d62020377b7444653be65e624124d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3b33ae5c22c148ae97dc2e2ef6725bac.png
[4d633a9bda50d1e7f1702bfa1343969d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/7f19a866f91d4955ac6484ef8da6bab6.png
[3f8e1e02badb416e142d748223ccca5e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/6de4e4d333834f53ac498f814a39069d.png
[d1ef5aa8737277872c599b8210abfecc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/bc5b76c02d4a4da28a359f3a3f6105b8.png
[7b0a5641ca3f23d153bddf0e5d97f49b.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/08c1758c01af41829a2cef54a66941bd.png
[89ea293cf213093a7cd2be8f3bb1ea29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3524b903186a4f65866f81f36ff9db0d.png
[b800a76b967853ab63b6e2d47c06aa29.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/defd6d1742534b7a9f74c54bba777a65.png
[8e5b8b14a07a2685fda9759622c000ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/481cd1579be44520bfb9fc24d7ac9cd0.png
[1ffdc0e30c371229f72f1e24acafa432.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/12679728403b4079ad756638b5b066a5.png