一、简介

1、该章节基于jenkins、Harbor、pipeline来做发布，如对这些不熟悉，请按以下进入学习

2、jenkins学习地址：https://www.cnblogs.com/lvlinguang/p/15163691.html

3、Harbor学习地址：https://www.cnblogs.com/lvlinguang/p/15500171.html

4、pipeline学习地址：https://www.cnblogs.com/lvlinguang/p/15512349.html

二、docker打包

一、后端打包

1、git代码拉取

# 使用checkout拉取代码

checkout([$class: 'GitSCM', branches: [[name: '*/master']], extensions: [], userRemoteConfigs: [[credentialsId: 'a8db6793-cc2b-4d82-bd3d-c5beb1c5149e', url: 'https://gitee.com/lvlinguang/rapid-demo-back.git']]])

# 使用git branch拉取代码

git branch: 'master', credentialsId: 'a8db6793-cc2b-4d82-bd3d-c5beb1c5149e', url: 'https://gitee.com/lvlinguang/rapid-demo-back.git'

2、mvn打包

mvn -U clean install -Dmaven.test.skip=true

3、docker打包

• 使用maven插件打包并推送到Harbor

mvn dockerfile:build dockerfile:push

• 使用docker打包并推送到Harbor

# docker打包

docker build -t 192.168.3.12:1180/library/rapid-demo-back:v2.1.2 .

// harbor登录

withCredentials([usernamePassword(credentialsId: '8d4ff3de-9b05-427d-a211-23be72f65bbb', passwordVariable: 'password', usernameVariable: 'username')]) {

    sh "docker login -u ${username} -p ${password} ${dockerRegistry}"

}

# docker推送到Harbor

docker push 192.168.3.12:1180/library/rapid-demo-back:v2.1.2

4、删除本地镜像

docker rmi 192.168.3.12:1180/library/rapid-demo-back:v2.1.2

5、Dockerfile内容

# jdk版本

FROM  java:8

# 临时文件目录

VOLUME /tmp

ADD target/*.jar app.jar

ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"]

二、前端打包

1、checkout代码下载

2、nodeJs打包

• 打包后目录下会生成dist文件

nodejs('node-v12.20.0') {

    sh 'npm install --registry=https://registry.npm.taobao.org'

    sh 'npm run build'

}

3、复制文件

mv ../build_fronted_dist/dist ./dist

mv ../build_fronted_dist/Dockerfile ./Dockerfile

mv ../build_fronted_dist/nginx.conf ./nginx.conf

4、docker打包

docker build -t 192.168.3.12:1180/library/rapid-demo-web:v2.1.2 .

5、推送到Harbor

withCredentials([usernamePassword(credentialsId: '8d4ff3de-9b05-427d-a211-23be72f65bbb', passwordVariable: 'password', usernameVariable: 'username')]) {

    // harbor登录

    sh "docker login -u ${username} -p ${password} ${dockerRegistry}"

    // 推送Harbor

    docker push 192.168.3.12:1180/library/rapid-demo-web:v2.1.2

}

6、删除本地镜像

docker rmi 192.168.3.12:1180/library/rapid-demo-web:v2.1.2

7、Dockerfile内容

FROM nginx:alpine

COPY ./dist/ /usr/share/nginx/html/

COPY nginx.conf /etc/nginx/nginx.conf

8、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;

  keepalive_timeout  65;

  server {

    listen       8080;

    server_name  localhost;

    location / {

      root   /usr/share/nginx/html;

      index  index.html index.htm;

      try_files $uri $uri/ /index.html;

    }

    error_page   500 502 503 504  /50x.html;

    location = /50x.html {

      root   /usr/share/nginx/html;

    }

  }

}

三、启动容器

1、查询容器是否存在，存在则删除

# 容器id

containerId=$(docker ps -a | grep -w "rapid-demo-back" | awk '{print $1}')

if [ "$containerId" != "" ] ;

then

  #停掉容器

  docker stop "$containerId"

  #删除容器

  docker rm "$containerId"

fi

2、查询镜像是否存在，存在则删除

# 镜像id

imageId=$(docker images | grep -w "rapid-demo-back" | awk '{print $3}')

if [ "$imageId" != "" ] ;

then

  #删除镜像

  docker rmi -f "$imageId"

fi

3、下载镜像

docker pull 192.168.3.12:1180/library/rapid-demo-back:v2.1.2

4、启动容器

docker run -d --name rapid-demo-back -p 6001:8080 192.168.3.12:1180/library/rapid-demo-back:v2.1.2

四、完整代码

1、pipeline script

pipeline {

  agent any

  environment{

    dockerRegistry="192.168.3.12:1180"

    //后端变量

    backPort= 7001

    backServerPort=8080

    backName="rapid-demo-back"

    backGitUrl="https://gitee.com/lvlinguang/rapid-demo-back.git"

    backBranch="*/master"

    backDockerImage="${dockerRegistry}/library/${backName}:v2.1.2"

    //前端变量

    frontPort= 7002

    frontServerPort=8080

    frontName="rapid-demo-web"

    frontGitUrl="https://gitee.com/lvlinguang/rapid-demo-web.git"

    frontBranch="*/master"

    frontDockerImage="${dockerRegistry}/library/${frontName}:v2.1.2"

  }

  parameters {

    booleanParam(name: 'ENABLE_BACKEND_BUILD', defaultValue: false, description: '开启后端构建')

    booleanParam(name: 'ENABLE_FRONTED_BUILD', defaultValue: false, description: '开启前端构建')

    booleanParam(name: 'ENABLE_BACKEND_DEPLOY', defaultValue: false, description: '开启后端部署')

    booleanParam(name: 'ENABLE_FRONTED_DEPLOY', defaultValue: false, description: '开启前端部署')

  }

  stages {

    stage('初始化') {

        steps {

            echo '初始化。。。'

        }

    }

    stage('后端打包'){

        when{

            expression{params.ENABLE_BACKEND_BUILD}

        }

        steps{

            script{

                ws("backend_build"){

                    dir("build_backend_docker"){

                        // git代码拉取。。。

                        gitClone(backGitUrl, backBranch);

                        // mvn打包。。。

                        sh "/usr/local/apache-maven-3.8.2/bin/mvn -U clean install -Dmaven.test.skip=true"

                        // docker打包。。。

                        sh "docker build -t ${backDockerImage} ."

                        // harbor登录

                        withCredentials([usernamePassword(credentialsId: '8d4ff3de-9b05-427d-a211-23be72f65bbb', passwordVariable: 'password', usernameVariable: 'username')]) {

                            sh "docker login -u ${username} -p ${password} ${dockerRegistry}"

                        }

                        // docker推送至Harbor

                        sh "docker push ${backDockerImage}"

                        // 删除镜像

                        sh "docker rmi ${backDockerImage}"

                    }

                    echo '打包完成。。。'

                    // 删除backend_build工作目录

                    cleanWs()

                }

            }

        }

    }

    //前端打包

    stage('前端打包'){

        when {

            expression { params.ENABLE_FRONTED_BUILD }

        }

        steps {

            script {

                echo '前端打包。。。'

                ws("fronted_build"){

                    dir("build_fronted_dist"){

                       // git代码拉取。。。

                       gitClone(frontGitUrl, frontBranch);

                       // nodejs的npm进行打包。。。

                       nodejs('node-v12.20.0') {

                           sh 'npm install --registry=https://registry.npm.taobao.org'

                           sh 'npm run build'

                       }

                    }

                    dir("build_fronted_docker"){

                        // 复制dist、dockerfile、nginx文件。。。

                        sh "mv ../build_fronted_dist/dist ./dist"

                        sh "mv ../build_fronted_dist/Dockerfile ./Dockerfile"

                        sh "mv ../build_fronted_dist/nginx.conf ./nginx.conf"

                        // docker打包。。。

                        sh "docker build -t ${frontDockerImage} ."

                        // harbor登录

                        withCredentials([usernamePassword(credentialsId: '8d4ff3de-9b05-427d-a211-23be72f65bbb', passwordVariable: 'password', usernameVariable: 'username')]) {

                            sh "docker login -u ${username} -p ${password} ${dockerRegistry}"

                        }

                        // docker推送至Harbor

                        sh "docker push ${frontDockerImage}"

                        // 删除镜像

                        sh "docker rmi ${frontDockerImage}"

                    }

                    echo '打包完成。。。'

                    // 删除backend_build工作目录

                    cleanWs()

                }

            }

        }

    }

    stage('测试') {

        steps {

            echo '测试。。。'

        }

    }

    stage('后端发布') {

        when{

            expression{params.ENABLE_BACKEND_DEPLOY}

        }

        steps {

            script {

                echo '后端发布。。。'

                // 远程服务器

                def sshServer = getRemoteServer('192.168.3.15')

                //remote发布

                sshCommand remote: sshServer, command: "/usr/local/java/deploy.sh $backName $backDockerImage $backPort $backServerPort"

            }

        }

    }

    stage('前端发布') {

        when{

            expression{params.ENABLE_FRONTED_DEPLOY}

        }

        steps {

            script{

                echo '前端发布。。。'

                 // 远程服务器

                 def sshServer = getRemoteServer('192.168.3.15')

                 //remote发布

                 sshCommand remote: sshServer, command: "/usr/local/java/deploy.sh $frontName $frontDockerImage $frontPort $frontServerPort"

            }

        }

    }

  }

}

//获取远程服务器

def getRemoteServer(String ip='192.168.3.15',String credentialsId='67cc51e8-9614-43c2-9ea1-2070ee9407c6'){

    def remote = [:]

    remote.name = ip

    remote.host = ip

    remote.port = 22

    remote.allowAnyHosts = true

    withCredentials([usernamePassword(credentialsId: credentialsId, passwordVariable: 'password', usernameVariable: 'username')]) {

        remote.user = "${username}"

        remote.password = "${password}"

    }

    return remote

}

//git代码下载

def gitClone(String gitUrl, String gitBranch, String credentialsId = 'b494c748-17fd-4356-8218-5131b5ea5b92') {

    checkout([

            $class           : 'GitSCM',

            branches         : [[name: gitBranch]],

            extensions       : [],

            userRemoteConfigs: [[

                                        credentialsId: credentialsId,

                                        url          : gitUrl

                                ]]

    ])

}

2、deploy.sh

#接收外部参数，由jenkinsfile执行部署脚本时传递

projectName=$1

imageName=$2

port=$3

serverPort=$4

echo "镜像名: $imageName"

echo "项目名: $projectName"

# 容器id

containerId=$(docker ps -a | grep -w "${projectName}" | awk '{print $1}')

if [ "$containerId" != "" ] ;

then

  #停掉容器

  docker stop "$containerId"

  #删除容器

  docker rm "$containerId"

  echo "成功删除容器"

fi

# 镜像id

imageId=$(docker images | grep -w "${projectName}" | awk '{print $3}')

if [ "$imageId" != "" ] ;

then

  #删除镜像

  docker rmi -f "$imageId"

  echo "成功删除镜像"

fi

# 镜像下载

docker pull "$imageName"

# 启动容器

docker run -d --name "$projectName" -p"${port}":"${serverPort}" $imageName

echo "容器启动成功"

五、发布测试

1、jenkins新建pipeline项目，使用上面的pipeline script

2、发布测试

3、服务器查看项目是否启动

4、访问测试：192.168.3.15:7002

六、优化方案

1、新建docker-build工程，如下

2、新建pipeline项目

2、目录介绍

• config：项目配置信息，config.json配置了项目地址、docker信息、发布信息等
• scripts：打包脚本和发布脚本
  • 公共变量：common_var.groovy
  • 工具类：common_util.groovy
  • 后端打包：build_backend.groovy
  • 前端打包：build_fronted.groovy
  • 后端发布：publish_backend.groovy
  • 前端发布：publish_fronted.groovy
• Jenkinsfile：pipeline脚本，jenkins项目选择该文件
• build_back：脚本备份，deploy.sh通用发布，Jenkinsfile未优化版

七、源码地址：

• 前端源码：https://gitee.com/lvlinguang/rapid-demo-web
• 后端源码：https://gitee.com/lvlinguang/rapid-demo-back
• docker-build：https://gitee.com/lvlinguang/docker-build

八、参考

• https://www.jianshu.com/p/1401e2fe4711
• remote ssh使用：https://www.cnblogs.com/dreamer-fish/p/13524138.html
• nodeJs安装：https://blog.csdn.net/liumiaocn/article/details/102618269
• npm淘宝镜像设置：https://www.jianshu.com/p/1d8debb671a7
• vue项目部署：https://www.cnblogs.com/blue-rain/p/12463133.html
• vue项目部署：https://blog.csdn.net/mumushuiding/article/details/94452574