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

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/mysqldocker 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 bashmysql -u root -pUSE 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持久化　　默认是notcp-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*/@Overridepublic 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文件构建一个新的镜像开始工作。
  • 对于运维人员：在部署时，可以实现应用的无缝移植。

1. • 关键字	作用	备注
     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: nginxcontainer_name: nginxports:- "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: mysqlenvironment: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: blogports:- "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.confuser  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.confgzip_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;}# 后端apilocation /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 强制跳转 HTTPSserver {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;}# 后端apilocation /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之前的页面路径是否有页面素材