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

基于springboot和vue项目使用docker部署项目到服务器

基于springboot和vue项目使用docker部署项目到服务器

  • 1 搭建环境
    • 1.1在centos安装docker
    • 1.2 拉取相关镜像并运行
    • 1.3 部署redis服务,持久化配置(推荐,方便将持久化内容同步到mysql中)
  • 2 springboot项目配置镜像到docker和配置dockerfile
    • 2.1 跨域配置
    • 2.2 springboot项目打jar包
    • 2.3 配置Dockerfile
  • 3 配置前端项目上传服务器
  • 4 服务编排(使用docker-compose)
    • 4.1 安装DockerCompose
    • 4.2 使用docker compose编排nginx+springboot项目
      • 4.2.1 创建docker-compose目录写docker-compose.yml
      • 4.2.2 创建./nginx目录
      • 4.2.3 在./nginx目录下 编写nginx.conf文件
      • 4.2.4 在nginx下创建conf.d目录,conf.d下创建blog.conf
      • 4.2.5 在nginx 文件夹下上传mine.type文件(可以在宿主机上安装一个nginx,然后就会有这个文件,然后再卸载掉)
      • 4.2.6 在/mnt/docker/docker-compose 目录下 使用docker-compose 启动所有容器
  • 5 服务更新
  • 6 总结遇到的问题和坑(因为之前遇到的坑都填了,现在的版本是完整运行版本)

1 搭建环境

1.1在centos安装docker

#1.安装依赖包:更新yum源并安装必要的依赖包。
yum update -y
yum install -y yum-utils device-mapper-persistent-data lvm2

#2.添加Docker仓库:添加Docker官方仓库或国内镜像源以加速下载。
yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo
# 或改用阿里云镜像源
yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
#或者 配置镜像加速:编辑/etc/docker/daemon.json文件,添加国内镜像源地址(http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo),然后重启Docker服务。

#3.安装Docker引擎:从仓库中安装Docker CE(社区版)。
yum install -y docker-ce

#4.启动Docker服务:启动Docker并设置为开机自启。
systemctl start docker
systemctl enable docker

#5.验证安装:运行hello-world容器确认Docker安装成功。
docker run hello-world

1.2 拉取相关镜像并运行

#1.拉取相关镜像
docker pull nginx
docker pull redis:6.2.6
docker pull java:8
docker pull mysql:5.7
#(ps:以上镜像版本自己根据实际需求选)

#2.部署运行mysql
mkdir -p /mnt/docker/mysql/conf
mkdir -p /mnt/docker/mysql/logs
mkdir -p /mnt/docker/mysql/data
cd /mnt/docker/mysql

docker run -id \
-p 3307:3306 \
--name=c_mysql \
-v /mnt/docker/mysql/conf:/etc/mysql/conf.d \
-v /mnt/docker/mysql/logs:/logs \
-v /mnt/docker/mysql/data:/var/lib/mysql \
-e MYSQL_ROOT_PASSWORD=root \
mysql:5.7

#3.mysql配置文件并设置远程连接
在/mnt/docker/mysql/conf 创建my.cnf

[mysqld]
#
# Remove leading # and set to the amount of RAM for the most important data
# cache in MySQL. Start at 70% of total RAM for dedicated server, else 10%.
# innodb_buffer_pool_size = 128M
#
# Remove leading # to turn on a very important data integrity option: logging
# changes to the binary log between backups.
# log_bin
#
# Remove leading # to set options mainly useful for reporting servers.
# The server defaults are faster for transactions and fast SELECTs.
# Adjust sizes as needed, experiment to find the optimal values.
# join_buffer_size = 128M
# sort_buffer_size = 2M
# read_rnd_buffer_size = 2M
datadir=/var/lib/mysql
socket=/var/lib/mysql/mysql.sock
character-set-server=utf8
# Disabling symbolic-links is recommended to prevent assorted security risks
# symbolic-links=0
lower_case_table_names=1
pid-file=/var/run/mysqld/mysqld.pid
sql_mode=STRICT_TRANS_TABLES,NO_ZERO_IN_DATE,NO_ZERO_DATE,ERROR_FOR_DIVISION_BY_ZERO,NO_ENGINE_SUBSTITUTION

#查看是否配置成功
docker logs -f c_mysql
# 去查看mysql对应的docker容器ip地址
docker inspect c_mysql  
#找到IPAddress,配置到项目中的database-url中ip,因为这是mysql在docker容器中的ip

#设置远程连接
docker exec -it mysql-container bash

mysql -u root -p

USE mysql;
#创建允许远程访问的用户或修改root用户允许远程访问:
CREATE USER 'your_user'@'%' IDENTIFIED BY 'your_password';
GRANT ALL PRIVILEGES ON *.* TO 'your_user'@'%' WITH GRANT OPTION;
FLUSH PRIVILEGES;

1.3 部署redis服务,持久化配置(推荐,方便将持久化内容同步到mysql中)

#1.创建配置映射文件
mkdir -p /mnt/docker/redis/conf
cd /mnt/docker/redis/conf
vim redis.conf

#2.修改配置文件redis.conf
 # bind 127.0.0.1  注释掉这部分,使redis可以外部访问
 daemonize no #用守护线程的方式启动
 requirepass 123456 #给redis设置密码
 appendonly yes #redis持久化  默认是no
 tcp-keepalive 300 #防止出现远程主机强迫关闭了一个现有的连接的错误 默认是300

#3.创建redis容器并启动
docker run --name redis -p 6379:6379 \
-v /mnt/docker/redis/data:/data \
-v /mnt/docker/redis/conf/redis.conf:/etc/redis/redis.conf \
-d redis:6.2.6 redis-server /etc/redis/redis.conf

#4.尝试进入容器,已设置密码的进入方式
## 进入Redis容器
docker exec -it redis /bin/bash
## 通过密码进入Redis控制台
redis-cli -a 123456
#注意:如果提示未设置密码,原因是因为配置文件内不能包含中文注释
#查看IPAddress地址并配置到项目中:
docker inspect redis

2 springboot项目配置镜像到docker和配置dockerfile

2.1 跨域配置

@Configuration
public class WebConfig implements WebMvcConfigurer {
	private final AccessLimitInterceptor accessLimitInterceptor;
	private final UploadProperties uploadProperties;

	public WebConfig(AccessLimitInterceptor accessLimitInterceptor, UploadProperties uploadProperties) {
		this.accessLimitInterceptor = accessLimitInterceptor;
		this.uploadProperties = uploadProperties;
	}

	/**
	 * 跨域请求
	 *
	 * @param registry registry
	 */
	@Override
	public void addCorsMappings(CorsRegistry registry) {
		registry.addMapping("/**")
				.allowedOriginPatterns("*")
				.allowedHeaders("*")
				.allowCredentials(true)
				.allowedMethods("GET", "POST", "PUT", "DELETE", "HEAD", "OPTIONS")
				.maxAge(3600);
	}

}

2.2 springboot项目打jar包

#通过maven打jar包
maven clean package

#然后把jar包上传到服务器上
scp -r  xxx.jar root@110.41.23.233:/home/RBlog/backend

2.3 配置Dockerfile

  • Dockerfile是一个文本文件,包含了一条条的指令。每一条指令构建一层,基于基础镜像,最终构建出一个新的镜像。
    • 对于开发人员: 可以为开发团队提供一个完全一致的开发环境。
    • 对于测试人员:可以直接拿开发时所构建的镜像或者通过Dockerfile文件构建一个新的镜像开始工作。
    • 对于运维人员:在部署时,可以实现应用的无缝移植。
    • 关键字作用备注
      FROM指定父镜像指定dockerfile基于哪个image构建
      MAINTAINER作者信息用来标明这个dockerfile谁写的
      LABEL标签用来标明dockerfile的标签 可以使用Label代替Maintainer 最终都是在docker image基本信息中可以查看
      RUN执行命令执行一段命令 默认是/bin/sh 格式: RUN command 或者 RUN [“command” , “param1”,“param2”]
      CMD容器启动命令提供启动容器时候的默认命令 和ENTRYPOINT配合使用.格式 CMD command param1 param2 或者 CMD [“command” , “param1”,“param2”]
      ENTRYPOINT入口一般在制作一些执行就关闭的容器中会使用
      COPY复制文件build的时候复制文件到image中
      ADD添加文件build的时候添加文件到image中 不仅仅局限于当前build上下文 可以来源于远程服务
      ENV环境变量指定build时候的环境变量 可以在启动的容器的时候 通过-e覆盖 格式ENV name=value
      ARG构建参数构建参数 只在构建的时候使用的参数 如果有ENV 那么ENV的相同名字的值始终覆盖arg的参数
      VOLUME定义外部可以挂载的数据卷指定build的image那些目录可以启动的时候挂载到文件系统中 启动容器的时候使用 -v 绑定 格式 VOLUME [“目录”]
      EXPOSE暴露端口定义容器运行的时候监听的端口 启动容器的使用-p来绑定暴露端口 格式: EXPOSE 8080 或者 EXPOSE 8080/udp
      WORKDIR工作目录指定容器内部的工作目录 如果没有创建则自动创建 如果指定/ 使用的是绝对地址 如果不是/开头那么是在上一条workdir的路径的相对路径
      USER指定执行用户指定build或者启动的时候 用户 在RUN CMD ENTRYPONT执行的时候的用户
      HEALTHCHECK健康检查指定监测当前容器的健康监测的命令 基本上没用 因为很多时候 应用本身有健康监测机制
      ONBUILD触发器当存在ONBUILD关键字的镜像作为基础镜像的时候 当执行FROM完成之后 会执行 ONBUILD的命令 但是不影响当前镜像 用处也不怎么大
      STOPSIGNAL发送信号量到宿主机该STOPSIGNAL指令设置将发送到容器的系统调用信号以退出。
      SHELL指定执行脚本的shell指定RUN CMD ENTRYPOINT 执行命令的时候 使用的shell
#在你放jar包的目录创建文件 vim dockerfile
FROM java:8
MAINTAINER tpp <xxx@qq.com>
ADD ./blog_api.jar /blog.jar
CMD java -jar /blog.jar --spring.profiles.active=prod
#1.定义父镜像:FROM java:8
#2.定义作者信息:MAINTAINER xxx
#3.将jar包添加到容器: ADD springboot.jar blog.jar
#4.定义容器启动执行的命令:CMD java –jar blog.jar
#5.通过dockerfile构建镜像:docker bulid –f dockerfile文件路径 –t 镜像名称:版本

#在docker中构建blog镜像(特别注意:命令最后有一个点别漏了,还要和下面要创建的docker-compose中创建服务名称对应)
docker build -f ./blog_dockerfile -t blog .

3 配置前端项目上传服务器

#在vue项目package.json目录下命令行运行,打包并上传
yarn build
#生成dist文件夹,文件夹下有static、css、js、img文件夹和index.html等,上传至服务器
scp -r dist root@110.41.23.233:/mnt/tpp/blog/web

4 服务编排(使用docker-compose)

4.1 安装DockerCompose

# Compose目前已经完全支持Linux、Mac OS和Windows(需要先安装Docker),下面我 们以编译好的二进制包方式安装在Linux系统中。 
curl -L https://github.com/docker/compose/releases/download/1.22.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
# 设置文件可执行权限 
chmod +x /usr/local/bin/docker-compose
# 查看版本信息 
docker-compose -version

4.2 使用docker compose编排nginx+springboot项目

4.2.1 创建docker-compose目录写docker-compose.yml

mkdir /mnt/docker/docker-compose
cd /mnt/docker/docker-compose
vim docker-compose.yml

#vim docker-compose.yml
version: '3'
services:
   # 前端服务,使用nginx的80端口(无https)和443端口(https)来映射前端端口
  nginx:
   image: nginx
   container_name: nginx
   ports:
    - "80:80" # 映射 HTTP 端口
    - "443:443" # 映射 HTTPS 端口
   links:
    - blog  #显式链接到 blog 服务(旧版配置,推荐用 networks 代替)
   depends_on:
    - blog  # 确保 blog 服务先启动
   volumes:
    - /mnt/docker/nginx/:/etc/nginx/  # 挂载 docker容器内的Nginx 配置文件目录
    - /mnt/tpp/blog/blog_admin/:/tpp/blog/blog_admin   # 挂载后台管理系统
    - /mnt/tpp/blog/web:/tpp/blog/web   # 这是前台页面
    - /mnt/docker/nginx/crt/:/etc/nginx/ssl/ # 挂载 SSL 证书(需确认证书存在)
   networks:
    - blog-network           # 加入 blog-network 网络,与后端共享网络
      
  mysql:  # 新增MySQL5.7服务
    image: mysql:5.7  # 指定5.7版本
    container_name: mysql
    environment:
      MYSQL_ROOT_PASSWORD: xxxxx       # 与你的配置密码一致
      MYSQL_DATABASE: xxxx           # 自动创建数据库
      TZ: Asia/Shanghai                # 时区同步
    volumes:
      - ./mysql/data:/var/lib/mysql    # 数据持久化目录
      - ./mysql/conf.d:/etc/mysql/conf.d  # 自定义配置(如字符集、时区)
    ports:
      - "3306:3306"  # 暴露端口(宿主机3306映射到容器3306)
    networks:
      - blog-network   # 加入网络,允许其他服务通过服务名 `mysql` 访问
    restart: always   # 自动重启

  blog: #后端项目服务,要和上面dockerfile创建的blog服务对应
    image: blog   # 自定义镜像
    container_name: blog
    ports:
      - "8090:8090"
    environment:
      - SPRING_PROFILES_ACTIVE=prod
      - SPRING_DATASOURCE_URL=jdbc:mysql://mysql:3306/r_blog?useUnicode=true&characterEncoding=utf8&useSSL=false  
    depends_on:
      - mysql  # 确保MySQL先启动
    networks:
      - blog-network # 加入同一网络

networks:
  blog-network:
    driver: bridge  # 默认桥接网络,允许容器间通过服务名通信

4.2.2 创建./nginx目录

mkdir /mnt/docker/nginx

4.2.3 在./nginx目录下 编写nginx.conf文件

cd /mnt/docker/nginx
vim nginx.conf

user  nginx;
worker_processes  1;
error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;
events {
    worker_connections  1024;
}
http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';
    access_log  /var/log/nginx/access.log  main;
    sendfile        on;
    #tcp_nopush     on;
    keepalive_timeout  65;
    #gzip  on;
    include /etc/nginx/conf.d/*.conf;
}

4.2.4 在nginx下创建conf.d目录,conf.d下创建blog.conf

mkdir conf.d
cd conf.d
vim blog.conf

gzip_min_length 1k;
gzip_buffers 4 16k;
gzip_comp_level 2;
gzip_vary off;
upstream blogstream{
        server blog:8090;
}
#主域名(博客首页)
# HTTP 强制跳转 HTTPS
server {
        listen 80;
        server_name www.sakurara.tech sakurara.tech;
        return 301 https://www.sakurara.tech$request_uri;  # 自动补全 www
 }

server{
    # 监听端口
    listen  443 ssl;
    server_name www.sakurara.tech;

	# SSL 证书路径
        ssl_certificate /etc/nginx/ssl/scs1741111155354_www.sakurara.tech_server.crt;
        ssl_certificate_key /etc/nginx/ssl/scs1741111155354_www.sakurara.tech_server.key;

        # SSL 协议优化
        ssl_protocols TLSv1.2 TLSv1.3;
        ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256;
        ssl_prefer_server_ciphers on;
        ssl_session_cache shared:SSL:10m;

    # 前端服务
     location / {
        root /tpp/blog/web/;  #注意这里是docker-compose中挂载的页面位置
        # 刷新页面后跳转到当前页面
        try_files $uri $uri/ /index.html;
        index index.html;
     }

     # 后端api
    location /RBlog/ {
        proxy_pass http://blogstream/RBlog/;  # 使用Docker服务名通信
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location ~* \.(jpg|jpeg|gif|png|swf|rar|zip|css|js|map|svg|woff|ttf|txt)$ {
        root /tpp/blog/web/;
        index index.html;
        add_header Access-Control-Allow-Origin *;
    }
}

#后台管理子域名
# HTTP 强制跳转 HTTPS
    server {
        listen 81;
        server_name admin.sakurara.tech;
        return 301 https://admin.sakurara.tech$request_uri;  # 强制 HTTPS
    }
server{
    # 监听端口
    listen  443 ssl;
    # 主机名称/地址
    server_name admin.sakurara.tech;

# SSL 证书路径
        ssl_certificate /etc/nginx/ssl/scs1741111155354_www.sakurara.tech_server.crt;
        ssl_certificate_key /etc/nginx/ssl/scs1741111155354_www.sakurara.tech_server.key;

        # SSL 协议优化
        ssl_protocols TLSv1.2 TLSv1.3;
        ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256;
        ssl_prefer_server_ciphers on;
        ssl_session_cache shared:SSL:10m;

    # 前端服务
     location / {
        root /tpp/blog/blog_admin/;
        # 刷新页面后跳转到当前页面
        try_files $uri $uri/ /index.html;
        index index.html;
     }

     # 后端api
    location /RBlog/ {
        proxy_pass http://blogstream/RBlog/;  # 使用Docker服务名通信
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

    location ~* \.(jpg|jpeg|gif|png|swf|rar|zip|css|js|map|svg|woff|ttf|txt)$ {
        root /tpp/blog/blog_admin/;
        index index.html;
        add_header Access-Control-Allow-Origin *;
    }
}

4.2.5 在nginx 文件夹下上传mine.type文件(可以在宿主机上安装一个nginx,然后就会有这个文件,然后再卸载掉)

4.2.6 在/mnt/docker/docker-compose 目录下 使用docker-compose 启动所有容器

docker-compose up -d #代表后台启动

docker-compose down #关闭docker-compose.yml中的容器

#注意先查看刚刚创建的后端服务blog有没报错,然后查看nginx的日志找问题,没问题的话说明以上配置成功。
docker logs blog
docker logs nginx

5 服务更新

  • vue前端:直接打包dist文件后上传
  • 后端
    • 更新jar包
    • 构建镜像
    • 启动docker-compose up -d

6 总结遇到的问题和坑(因为之前遇到的坑都填了,现在的版本是完整运行版本)

  1. 一般是后端连不上mysql或者redis问题
    • 这种情况要注意连接的ip是不是在docker里面通信的ip,不能使用127.0.0.1这种或者宿主机的ip,因为docker的容器创建后会给每个容器分配ip。
  2. 前端页面访问不到
    • 这种情况需要看下你挂载到docker之前的页面路径是否有页面素材

相关文章:

  • 【DeepSeek 学c++】dynamic_cast 原理
  • Linux驱动学习笔记(六)
  • HAL库中串口中断开启
  • 23种设计模式(扩展)
  • Elasticsearch 倒排索引 和 正排索引
  • 健康养生:拥抱生活,从呵护身心开始
  • [OpenCV】相机标定之棋盘格角点检测与绘制
  • 集成学习(Ensemble Learning)基础知识2
  • 2025-03-21 Unity 网络基础3——TCP网络通信准备知识
  • 对比4款远程控制软件,画质、性能、功能谁全面?
  • Matplotlib
  • [特殊字符] 2025蓝桥杯备赛Day10——B2120 单词的长度
  • 高效字符串匹配:KMP算法
  • vscode连接本地mysql数据库
  • AIGC智能体(Ai星图)
  • vue-cli如何正确关闭prefetchprefetch和preload
  • go命令使用
  • 【40】单片机编程核心技巧:static 的重要作用
  • Retrofit中scalars转换html为字符串
  • 在树莓派上如何使用 Vosk检测唤醒词
  • 缅甸内观冥想的历史漂流:从心理治疗室到“非语言现场”
  • 南方降水频繁暴雨连连,北方高温再起或现40°C酷热天气
  • 今天北京白天气温超30℃,晚间为何下冰雹?
  • 郑培凯:汤显祖的“至情”与罗汝芳的“赤子之心”
  • 沈阳一超市疑借领养名义烹食流浪狗,当地市监局:已收到多起投诉
  • 全球前瞻|特朗普访问中东三国,印巴军方将于12日再次对话