Jenkins整合Docker實(shí)現(xiàn)CICD自動(dòng)化部署的詳細(xì)過(guò)程(若依項(xiàng)目)

更新時(shí)間：2024年10月12日 10:53:25 作者：qq243920161

本文介紹了如何使用Jenkins和Docker實(shí)現(xiàn)CI/CD自動(dòng)化部署,文章介紹了環(huán)境準(zhǔn)備,包括Jenkins、Docker、JDK、Node和Maven,然后討論了如何配置GitLab環(huán)境并利用Webhooks實(shí)現(xiàn)代碼的自動(dòng)拉取和部署,最后,展示了如何部署前后端分離的項(xiàng)目,并通過(guò)實(shí)際操作驗(yàn)證了整個(gè)流程的有效性

前期準(zhǔn)備

提前準(zhǔn)備好jenkins環(huán)境

并且jenkins能使用docker命令，并且已經(jīng)配置好了jdk、node、maven環(huán)境，我之前寫了安裝jenkins的博客，里面講得比較詳細(xì)，推薦用我這種方式安裝

docker安裝jenkins，并配置jdk、node和maven_jenkins

需要提前準(zhǔn)備好gitlab環(huán)境

github、gitee其實(shí)也可以，但是需要和jenkins互相能訪問(wèn)到，這邊推薦gitlab

docker搭建gitlab

需要準(zhǔn)備好mysql

如果沒(méi)安裝的，docker一句話就可以了

docker run -d \
--name mysql \
-p 0.0.0.0:3306:3306 \
-e MYSQL_ROOT_PASSWORD=123456 \
--restart=always \
mysql:8.0.39

準(zhǔn)備好redis環(huán)境

docker run -d \
--name redis \
-p 0.0.0.0:6379:6379 \
--restart=always \
redis:7.4.1

安裝gitlab插件

如果想實(shí)現(xiàn)代碼提交自動(dòng)部署，需要安裝gitlab插件

進(jìn)入系統(tǒng)管理，插件管理

搜索gitlab插件進(jìn)行安裝

安裝成功即可，無(wú)需重啟

開(kāi)始部署

拉取項(xiàng)目

拉取若依項(xiàng)目，我們拉取的是若依項(xiàng)目的前后端分離版

若依項(xiàng)目下載地址

根目錄有個(gè)ruoyi-ui，這是前端項(xiàng)目，我們把它移動(dòng)到外層，我們分成2個(gè)項(xiàng)目部署

部署后端項(xiàng)目

將這兩個(gè)sql文件導(dǎo)入到數(shù)據(jù)庫(kù)中

到application-druid.yml中修改數(shù)據(jù)庫(kù)的連接信息

修改redis的連接信息

根目錄新建Dockerfile

pipeline {
    // 任意節(jié)點(diǎn)都可以執(zhí)行Jenkins流水線
    agent any
    tools {
        // 剛剛配置的java環(huán)境
        jdk 'jdk8'
    }
    // 環(huán)境變量
    environment {
        // 項(xiàng)目名稱
        APP_NAME = 'ruoyi-server'
        // 端口
        APP_PORT = 9800
    }
    // 流水線階段
    stages {
        // 構(gòu)建階段
        stage('build') {
            // 步驟
            steps {
                // 可以寫流水線腳本，groovy語(yǔ)法
                script {
                    // 執(zhí)行shell命令
                    sh 'mvn clean package -DskipTests=true'
                }
            }
        }
        // 部署階段
        stage('deploy') {
            steps {
                script {
                    sh """
                        docker stop $APP_NAME || true
                        docker rm $APP_NAME || true
                        docker rmi $APP_NAME || true
                        docker build -t $APP_NAME .
                        docker run -d --name $APP_NAME \
                        -p 0.0.0.0:$APP_PORT:$APP_PORT \
                        --restart=always \
                        $APP_NAME \
                        --server.port=$APP_PORT
                    """
                }
            }
        }
    }
}

根目錄新建Jenkinsfile

pipeline {
    // 任意節(jié)點(diǎn)都可以執(zhí)行Jenkins流水線
    agent any
    tools {
        // 剛剛配置的java環(huán)境
        jdk 'jdk8'
    }
    // 環(huán)境變量
    environment {
        // 項(xiàng)目名稱
        APP_NAME = 'ruoyi-server'
        // 端口
        APP_PORT = 9800
    }
    // 流水線階段
    stages {
        // 構(gòu)建階段
        stage('build') {
            // 步驟
            steps {
                // 可以寫流水線腳本，groovy語(yǔ)法
                script {
                    // 執(zhí)行shell命令
                    sh 'mvn clean package -DskipTests=true'
                }
            }
        }
        // 部署階段
        stage('deploy') {
            steps {
                script {
                    sh """
                        docker stop $APP_NAME || true
                        docker rm $APP_NAME || true
                        docker rmi $APP_NAME || true
                        docker build -t $APP_NAME .
                        docker run -d --name $APP_NAME \
                        -p 0.0.0.0:$APP_PORT:$APP_PORT \
                        --restart=always \
                        $APP_NAME \
                        --server.port=$APP_PORT
                    """
                }
            }
        }
    }
}

根目錄新建.dockerignore

這個(gè)是為了提高docker的構(gòu)建速度，把不必要的文件屏蔽起來(lái)

.git
ruoyi-admin/src
ruoyi-admin/target/classes
ruoyi-admin/target/generated-sources
ruoyi-admin/target/maven-archiver
ruoyi-admin/target/maven-status
ruoyi-common
ruoyi-framework
ruoyi-generator
ruoyi-quartz
ruoyi-system
ruoyi-ui
sql

檢查項(xiàng)目中是否已經(jīng)有了這幾個(gè)文件

將項(xiàng)目提交到gitlab

Jenkins中新建任務(wù)

名稱隨便填，選擇流水線，確定

找到流水線，選擇scm

然后選擇git

然后把ssh地址復(fù)制進(jìn)去

不出意外的話，會(huì)出現(xiàn)無(wú)法連接倉(cāng)庫(kù)，原因是Jenkins無(wú)法拉取gitlab的代碼

我們到Jenkins容器中

docker exec -it jenkins bash

生成ssh秘鑰

ssh-keygen
# 然后3個(gè)回車

查看公鑰

cat ~/.ssh/id_rsa.pub

將公鑰配置到gitlab中

進(jìn)行一次ssh通信，然后將信息保存下來(lái)

這步仍然是在jenkins容器中操作的

# 192.168.200.120是gitlab的地址，8091是gitlab的ssh端口
ssh-keyscan -p 8091 192.168.200.120 >> ~/.ssh/known_hosts

查看一下.ssh目錄下的文件

ls -l ~/.ssh

如果有這3個(gè)文件，就說(shuō)明Jenkins可以拉取gitlab的代碼了

回到Jenkins看下，就會(huì)發(fā)現(xiàn)錯(cuò)誤消失了

下一步，找到這個(gè)，把它勾上

展開(kāi)高級(jí)

找到Secret token，點(diǎn)擊Generate生成，就會(huì)生成一串token，這串token一會(huì)兒到gitlab中會(huì)用上

我們到gitlab中Settings中有一個(gè)Webhooks

我們來(lái)添加一個(gè)webhook

填寫相關(guān)信息

如果出現(xiàn)了這個(gè)錯(cuò)誤，說(shuō)明github沒(méi)有開(kāi)啟webhook

我們到管理員設(shè)置中，找到Network

找到Allow requests to the local network from webhooks and integrations，勾上

這時(shí)候再來(lái)添加webhooks就能添加了

我們模擬一次push事件，看看Jenkins有什么反應(yīng)

回來(lái)看Jenkins，你就會(huì)發(fā)現(xiàn)Jenkins在構(gòu)建了

這時(shí)候代碼push的時(shí)候，Jenkins也會(huì)自動(dòng)構(gòu)建

如果沒(méi)有報(bào)錯(cuò)就說(shuō)明構(gòu)建成功了

部署前端項(xiàng)目

打開(kāi)前端項(xiàng)目

添加nginx.conf，真實(shí)的后端地址根據(jù)實(shí)際情況修改

server {
    # 前端訪問(wèn)端口
    listen 9801;
    # 前端
    location / {
        # 前端頁(yè)面路徑
        root /usr/share/nginx/html;
        # 嘗試著從$uri尋找靜態(tài)資源，找不到就到$uri/找，如果還是找不到就找/index.html
        try_files $uri $uri/ /index.html;
    }
    # 后端
    location /prod-api {
        # 去掉/prot-api開(kāi)頭
        rewrite ^/prod-api/(.*)$ /$1 break;
        # 真實(shí)的后端地址，根據(jù)實(shí)際情況修改
        proxy_pass http://192.168.200.120:9800;
    }
}

添加Dockerfile

# 使用nginx鏡像來(lái)部署
FROM nginx:1.26.2
# 解決文件名亂碼問(wèn)題
ENV LC_ALL=C.UTF-8
# 將nginx配置文件添加到容器
ADD nginx.conf /etc/nginx/conf.d
# 前端打包后，將dist下的文件復(fù)制到容器里
COPY dist/ /usr/share/nginx/html/

添加.dockerignore

node_modulessrc

添加Jenkinsfile

pipeline {
    agent any
    environment {
        // 項(xiàng)目名稱
        APP_NAME = 'ruiyi-ui'
        // 端口
        APP_PORT = 9801
    }
    stages {
        stage('build') {
            steps {
                script {
                    // 進(jìn)行打包
                    sh """
                        npm install
                        npm run build:prod
                    """
                }
            }
        }
        stage('deploy') {
            steps {
                script {
                    sh """
                        docker stop $APP_NAME || true
                        docker rm $APP_NAME || true
                        docker rmi $APP_NAME || true
                        docker build -t $APP_NAME .
                        docker run -d --name $APP_NAME \
                        -p 0.0.0.0:$APP_PORT:$APP_PORT \
                        --restart=always \
                        $APP_NAME
                    """
                }
            }
        }
    }
}

檢查一下有沒(méi)有這幾個(gè)文件

提交代碼

Jenkins再新建一個(gè)項(xiàng)目

和剛剛一樣，勾上

生成Secret token

設(shè)置gitlab倉(cāng)庫(kù)地址

gitlab中webhooks配置

添加一個(gè)webhook

然后push代碼

等待Jenkins構(gòu)建

構(gòu)建成功

我們到瀏覽器看一下吧

到此這篇關(guān)于Jenkins整合Docker實(shí)現(xiàn)CICD自動(dòng)化部署的文章就介紹到這了,更多相關(guān)Jenkins整合Docker CICD自動(dòng)化部署內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: