Jenkins Pipeline 构建前端工程

说明

这是一个前端项目, 通过Jenkins实现自动打包自动部署的构建过程.

  • 准备参数化构建
  • 首先checkout获取git仓库代码
  • 使用npm编译打包工程project_name.tar.gz
  • 通过ssh上传project_name.tar.gz和docker-compose.yaml
  • 远程ssh使用docker-compose up启动docker

Jenkins 构建参数

Jenkins 脚本


pipeline{
    agent any
    environment  {
        server = "project_name-$Server"
    }
    stages {
        stage('checkout') {
            steps{
                checkout([$class: 'GitSCM', branches: [[name: '*/${branch_name}']], doGenerateSubmoduleConfigurations: false, extensions: [[$class: 'CleanBeforeCheckout'],[$class: 'RelativeTargetDirectory', relativeTargetDir: 'project_name']], submoduleCfg: [], userRemoteConfigs: [[credentialsId: 'cfbd1efc-e3de-46f1-926c-5ca9a86d00a8', url: 'https://github.com/project_name.git']]])
            }
        }
        stage('install') {
            steps{
                sh "node -v"
                sh "npm -v"
                dir("project_name") {
                    sh "pwd"
                    sh """sed -i "s/^VUE_APP_API_BASE_URL.*/#/g" .env.development"""
                    sh """echo >> .env.development"""
                    sh """echo VUE_APP_API_BASE_URL\\='http://${ServerAPI}:${PortAPI}/api' >> .env.development"""
                    sh "npm install"
                    sh "npm run build:dev"
                }
                dir("project_name/dist/") {
                    sh "tar -zcvf project_name.tar.gz *"
                }
            }
        }
        stage('push') {
            steps{
                sshPublisher(
                    publishers: [
                        sshPublisherDesc(
                            configName: "$server", 
                            transfers: [
                                sshTransfer(cleanRemote: true, excludes: '', execCommand: '''
mkdir /opt/war/${JOB_NAME}/www/project_name/
tar -zxvf /opt/war/${JOB_NAME}/www/project_name.tar.gz -C /opt/war/${JOB_NAME}/www/project_name/
cat > /opt/war/${JOB_NAME}/docker-compose.yaml << EOF
version: "3"
services: 
  nginx:
    image: "nginx"
    container_name: "nginx_${JOB_NAME}"
    restart: "always"
    environment:
      - TZ=Asia/Shanghai
    ports: 
      - "${Port}:80"
    volumes: 
      - "/etc/localtime:/etc/localtime:ro"
      - "/usr/share/fonts/:/usr/share/fonts/"
      - "/opt/war/${JOB_NAME}/www/:/usr/share/nginx/html"
EOF
docker-compose -f /opt/war/${JOB_NAME}/docker-compose.yaml down
docker-compose -f /opt/war/${JOB_NAME}/docker-compose.yaml up -d
''', execTimeout: 120000, flatten: false, makeEmptyDirs: false, noDefaultExcludes: false, patternSeparator: '[, ]+', remoteDirectory: '/${JOB_NAME}/www/', remoteDirectorySDF: false, removePrefix: 'project_name/dist/', sourceFiles: 'project_name/dist/project_name.tar.gz')
                            ], usePromotionTimestamp: false, useWorkspaceInPromotion: false, verbose: false
                        )
                    ]
                )
            }
        }
    }
}

Read more

Jenkins Pipeline 构建spring boot工程 docker