docker部署Jenkins自动化打包部署vue、java项目上线

使用docker命令拉取Jenkins镜像

docker  pull jenkins/jenkins:lts

docker  images查看镜像是否拉取成功

创建Jenkins映射目录

sudo mkdir -p  /docker/jenkins/jenkins/jenkins_home

#注意：这里的目录jenkins_home一定要给读写权限，否则容器内部文件映射不出到宿主机导致无法启动容器

启动Jenkins

docker run -d  --name jenkins -p 90:8080  \

-v /docker/jenkins/jenkins/jenkins_home:/var/jenkins_home \

jenkins/jenkins:lts

登录Jenkins

http://你的IP:90

这里的密码可以查看你的Jenkins日志获取，也可以在我们刚才映射的目录下获取

我这里查看刚才映射的目录获取

cat /docker/jenkins/jenkins/jenkins_home/secrets/initialAdminPassword 

安装插件

这里很多插件会爆红，但是不影响，等会更新一下更新中心就可以了

创建用户，也可以直接使用admin继续登录

开始使用Jenkins

更改更新中心地址

将中心镜像改为（亲测可用）

https://mirrors.tuna.tsinghua.edu.cn/jenkins/updates/update-center.json

安装插件

系统管理>>>>>插件管理

由于我们的项目需要用到gitlab、git、gradle、nodejs，所以我们需要安装这四个插件

gitlab是代码仓库。git拉取代码工具、gradle为打包java的插件，nodejs为打包vue前端工具

点击第三个表示是已安装的插件，只要选择后缀带有Plugin的安装即可，这里我就不一一列举

全局配置刚才我们安装的插件

nodejs跟gradle一样选择自动安装，这里安装不会在宿主机安装，是在Jenkins内部的，选择完之后点击《保存》即可

部署vue前端

新建任务>>>新建任务>>>构建一个自由风格的软件项目

仓库地址就是你的gitlab代码的地址

登录你的gitlab仓库找到代码仓库，使用http克隆这个地址粘贴到上面的仓库项目地址里面

配置nodejs

build构建，这里选择执行shell

在你的/docker/jenkins/jenkins/jenkins_home/workspace/vue目录下创建nginx的配置文件、Dockerfile、vue.sh脚本

sudo  vim  default.conf

    server {
        listen       80;
        server_name  你本机IP;
        location / {
            root /usr/share/nginx/html;
                try_files $uri $uri/ /index.html last;
                index index.html;
        }
        location /api/ {###这里的/api/指的是前端只要有xxxx.api的时候匹配到/api/就转发到后端
        proxy_pass http://java程序IP+端口/;
        proxy_set_header Host $http_host;
        proxy_set_header X-Real-IP $remote_addr;
    }
    }

创建dockerfile

sudo  vim Dockerfile

#使用官方 nginx 镜像作为基础镜像  
FROM nginx:latest  #使用nginx镜像
EXPOSE 80   ##端口镜像端口映射为80，可以随便改
COPY  dist/   /usr/share/nginx/html  #将当前目录下的dist目录复制到nginx的html目录
ADD  default.conf   /etc/nginx/conf.d   #将本地目录的nginx配置文件映射到容器内部的nginx

创建vue.sh整合打包部署容器

sudo  vim vue.sh

#!/bin/bash
# 强制删除名为 vue 的容器（如果存在）
docker rm -f vue 2>/dev/null

# 删除名为 vue:v1 的镜像（如果存在）
docker rmi -f vue:v1 2>/dev/null

# 构建名为 vue:1 的镜像
docker build -t vue:1 .

# 运行 vue:v1 镜像
docker run -d --name vue -p 80:80 vue:1

# 查看镜像并输出结果
if docker ps | grep vue; then
  echo "容器创建成功"
else
  echo "容器创建失败"
fi

给脚本权限

sudo chmod 755 vue.sh

这里就可以保存了，点击立即购构建

部署java后端

新建任务>>>>给任务一个名称，叫什么随便你，这里创建之后会在

/docker/jenkins/jenkins/jenkins_home/workspace目录下

前面构建跟vue一样的配置

这里的URL是你后端代码的仓库地址，一样选择http的方式，凭据因为刚才已经填过了，所以这里还会有显示，我们点击选择就好

执行脚本，该脚本必须为于当前打包目录下，也就是你的项目名称下的目录，不能放在打jar包的目录，否则会被自动删除，脚本在后面提供

最后保存构建项目

打包好的jar包在这里

 /你创建Jenkins时候映射的目录/jenkins_home/workspace/你刚才起的项目名称/build/libs/

在刚才创建的工程目录下写Dockerfile

sudo  vim  Dockerfile

#####################################

# 使用 JDK 21 的基础镜像
FROM openjdk:21-jdk

# 设置工作目录
WORKDIR /app

# 将 JAR 文件复制到容器中
COPY java.jar /app/java.jar

# 暴露端口 8081
EXPOSE 8081

# 设置容器启动命令
ENTRYPOINT ["java", "-jar", "java.jar"]

##############################################

编写一个shell脚本用来执行创建容器命令

sudo  vim java.sh

#################################################3

#!/bin/bash
# 强制删除名为 java 的容器（如果存在）
docker rm -f java2 2>/dev/null

# 删除名为 java2:v1 的镜像（如果存在）
docker rmi -f java2:1 2>/dev/null

# 构建名为 java2:1 的镜像
docker build -t java2:1 .

# 运行 java2:v1 镜像
docker run -d --name java2 -p 8020:8010 java2:1

# 查看镜像并输出结果
if docker ps | grep java2; then
  echo "容器创建成功"
else
  echo "容器创建失败"
fi

############################################################

前后端部署完毕，小编踩了很多坑，有不懂的可以后台私信，我会的我就告诉你，至于为什么没有数据库，数据库一般都是提前部署好的，开发跟前端代码里就已经指定好数据库的IP等信息了，如果你是一个人，那你可以这样部署MySQL

docker run -d \
--name mysql \
--restart always \
--privileged=true -p 3306:3306 \
-v /docker/mysql/data:/var/lib/mysql \
-v /docker/mysql/conf:/etc/mysql/conf.d \
-v /docker/mysql/1ogs:/var/1og/mysq1 \ 
-e MYSQL_ROOT_PASSWORD=root \ 
-d mysql:8.0