[2022/05/03]SpringBoot项目部署到服务器

文章目录

• • 前后端项目部署
  • • 1 环境配置
    • • 1.docker配置mysql
      • 2.docker安装node.js
      • 3.安装Nginx
      • 4.安装Redis
    • 2 项目上线
    • • 1.演示项目介绍
      • 2.前端项目打包
      • 3.后端部分打包
    • 3 项目启动
    • • 1.部署前端项目
      • 2.部署后端项目
      • 3.验证效果
    • 总结

前后端项目部署

有关项目部署的详细流程，可以看b站up主CodeSheep的视频讲解，非常详细！[项目下载、运行、配置、构建、打包、部署：全步骤实战演示。前后端分离式项目实战部署]

1 环境配置 1.docker配置mysql

1.安装mysql

docker pull mysql:5.7

2.配置mysql

docker run -d -p 3306:3306 --privileged=true -v /home/mysql/log:/var/log/mysql -v /home/mysql/data:/var/lib/mysql -v /home/mysql/conf:/etc/mysql/conf.d -e MYSQL_ROOT_PASSWORD=123456 --name mysql mysql:5.7

3.使用mysql

# docker exec -it mysql bash // 运行mysql
# mysql -u root -p // 登录mysql
# show variables like "character%" // 查询字符类型

注意：docker安装完MySQL并run出容器后，建议请先修改完字符集编码后再新建mysql库-表-插数据。

---

2.docker安装node.js

1.安装nodejs

docker pull node:latest

2.安装完成，运行nodejs

docker run -itd --name node-test node

3.最后进入查看容器运行的 node 版本:

docker exec -it node-test /bin/bash

docker run -p 9001:80 --name nginx -v /usr/local/docker/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /usr/local/docker/nginx/conf/conf.d:/etc/nginx/conf.d -v /usr/local/docker/nginx/log:/var/log/nginx -v /usr/local/docker/nginx/html:/usr/share/nginx/html -d nginx

---

3.安装Nginx

Linux环境下安装nginx | 《Linux就该这么学》 (linuxprobe.com)

---

4.安装Redis

Linux：CentOS7下安装Redis的详细步骤 - 不经意的瞬间 - 博客园 (cnblogs.com)

---

2 项目上线 1.演示项目介绍

拿若依项目作为演示(项目地址：若依)。

项目简介：基于SpringBoot的权限管理系统，前后端分离。

项目结构

后端部分 和 前端部分

配置部分

• logback.xml日志配置文件

  1. 修改日志指定路径 — Linux下的路径

  2. 修改日志输出编码格式，修改为 UTF-8 (有三处需要添加，不挨个演示了)

• application.yml项目配置

  1. 修改启动端口

  2. 修改Redis配置

• application-druid.yml数据源配置

  1. 配置数据库连接信息

万事具备，可以开始打包。

---

2.前端项目打包

1. 找到前端部分，从 ‘终端’ 打开 — Open in Terminal

2. 安装前端依赖

   npm install
   

3. 执行打包命令（打生产环境包）

   npm run build:prod
   

4. 打包完成后，会生成 dist 文件夹

5. 将 ruoyi-ui 压缩成包，上传至服务器

前端打包完毕！

---

3.后端部分打包

1. 将项目在终端打开

2. 执行打包命令

   mvn package
   

   生成 jar 包文件

3. 后端包上传至服务器

后端打包完成！

---

3 项目启动 1.部署前端项目

首先保证装了Nginx！！！

1. 配置Nginx

   • 配置用户权限

     user root
     

   • 配置跳转前端资源的路径

     location / {
                 root   /root/workspace/ruoyi-ui/dist;
                 index  index.html index.htm;
             }
     

   • 配置Nginx的请求转发规则

     	location  /prod-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://你的ip地址:8080/;
     		}
     

---

2.部署后端项目

1. cd到项目的位置，通过 java -jar <项目名> 启动项目

   [root@VM-4-14-centos workspace]# java -jar ruoyi-admin.jar
   

2. 显示启动成功

---

3.验证效果

---

总结

至此，项目的服务器部署流程就走完了。

笔记仅作为记录，如需详细配置请参考下方：

参考：https://blog.csdn.net/qq_43284469/article/details/115800331

---