解决 Jenkins 构建前端项目 打包环境冲突问题

在部署公司前端项目测试环境时,通过实现镜像构建前端包来解决前端打包环境冲突问题。
目前公司的2台Jenkins都只能各自实现2个不同项目的前端构建,这是由于不同的前端开发团队所使用的node以及相关依赖版本不一致。要想解决这个问题,有2种解决方案。

  1. 在Jenkins服务器上安装多个不同版本的node,在构建时进行切换。但是这样不允许并发构建。
  2. 使用docker镜像作为打包环境,打包成功后将dist包复制到宿主机。

这次部署使用的是第二种方案。核心思路是选取对应node版本的官方镜像,构建镜像时将代码拷贝到镜像中执行相应的命令(安装源切换工具、添加公司源、选择公司源、安装依赖包、打包),之后启动容器,将dist包复制到宿主机,最后远程发布即可。

pipeline {
  agent any
  stages {
    stage('Git Pull') {
      steps {
        git(url: 'https://xxxxxxxxx', branch: 'feature/ditest',credentialsId: 'guojx')
        echo 'pull seccess'
      }
    }
  
    stage('NPM Build') {
      steps {
        sh '''mkdir ../data-show-mobile
        cp -r * ../data-show-mobile
        mv ../data-show-mobile ./
        cat>${WORKSPACE}/Dockerfile<<EOF
FROM node:8.12.0
WORKDIR /opt/data-show-mobile/
COPY data-show-mobile /opt/data-show-mobile
RUN npm install -g nrm && nrm add test http://xxxxxx:4873/ && nrm use test && npm install && npm run build
EOF
        docker build -t ${IMAGE_NAME} .
        docker run --name ${CONTAINER_NAME} -itd ${IMAGE_NAME}
        docker cp ${CONTAINER_NAME}:/opt/data-show-mobile/dist ${WORKSPACE}/
        mv dist/ h5/'''
      }
      post {
        always {
          sh 'rm -rf data-show-mobile'
        }
      }
    }
    stage('SSH') {
      steps {
        script {                 
            def remote = [:]
            remote.name = 'xxx'
            remote.host = 'xx.xx.xxx.xxx'
            remote.allowAnyHosts = true
            withCredentials([usernamePassword(credentialsId: 'IxxP', passwordVariable: 'password', usernameVariable: 'username')]) {    
                 remote.user = "${username}"
                 remote.password = "${password}"
             }
            sshPut remote: remote, from: 'h5', into: '/usr/local/nginx/html'
        }
      }
    }
  }
  environment {
    IMAGE_NAME = 'xxx:xxx'
    CONTAINER_NAME = 'xxx_h5'
    PROJECT_NAME = 'data-xxx-xxxxxxx'
  }
  post {
    always {
          sh '''set +e
                environmental_clean(){
                docker_ps=`docker ps | grep ${CONTAINER_NAME}`
                docker_psa=`docker ps -a | grep ${CONTAINER_NAME}`
                
                if [[ 0 -eq $docker_ps ]];
                then
                #容器未启动
                echo "容器${CONTAINER_NAME}未启动"
                else
                echo "停止容器"
                docker stop ${CONTAINER_NAME}
                fi
                
                if [[ 0 -eq $docker_psa ]];
                then
                echo "容器${CONTAINER_NAME}不存在"
                else
                echo "删除容器"
                docker rm ${CONTAINER_NAME}
                fi
                }
                #docker 环境清理
                environmental_clean
                docker rmi ${IMAGE_NAME}'''
    }
  }
  options {
    disableConcurrentBuilds()
    timeout(time: 1, unit: 'HOURS')
  }
}                 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值