Jenkins与Nexus集成：实现VUE制品管理

开发团队使用SVN或Git将代码提交至代码仓库。每个发布版本都会更新package.json信息。随后，他们通过npm publish命令将构建成果上传至nexus。通过nexus插件，可以在作业的Web界面中获取到每个版本的软件包下载链接。结合shell脚本，这些软件包可以被下载并在多个环境节点主机上部署。

举例来说，对于前端代码，处理浏览器缓存问题是关键。webpack编辑文件时，时间参与哈希值计算，导致不同编译生成的哈希值不同。因此，若在多台环境上进行打包编译，发布的项目文件会出现不一致现象。为解决这一问题，可文章来源(Source)：https://dqzboy.com以通过修改vue.config.js文件中的process.env.VUE_APP_BUILD_TIME参数来注释掉哈希值计算。但是，为解决浏览器缓存问题，建议保留该参数。

这样一来，开发团队能够高效地管理代码版本、构建和部署，确保一致性并解决浏览器缓存问题，提供更好的用户体验。

• 注：如果不添加会导致上传制品时401无权限问题

[deploy@jenkins-slave1 ~]$ npm login --registry=http://nexus_ip:prot/repository/npm-repository/
Username: admin    #用户
Password:    #密码
Email: (this IS public) dqzboy@qq.com    #邮箱
Logged in as admin on http://nexus_ip:prot/repository/npm-repository/ .

• 配置连接到Nexus平台账号密码

pipeline {
    agent  { 
        node { label 'master'} //指定使用的执行Job任务的节点
    }
    environment {
        dev_serverIP = "192.168.66.80"	// 开发环境节点ip
        test_serverIP = "192.168.66.81" // 测试环境节点ip
        CODE_DIR = "/data/web_client "  // 代码存储目录(各节点存储路径统一)
        server_user = "appadmin"	    // ssh登入用户(前提是已经实现免密)
        DEPLOY = "${DEPLOY}"		    // 指定部署环境
    }

    stages {
        stage('Checkout') {
        //只在开发环境进行代码检出
        when {
            environment name: 'DEPLOY',value: 'dev'
        }
        steps {
		        //job中调用REVISION实现在web界面选择不同分支进行构建
                checkout([$class: 'GitSCM', branches: [[name: '${REVISION}']], doGenerateSubmoduleConfigurations: false, extensions: [], submoduleCfg: [], userRemoteConfigs: [[credentialsId: 'bc392f71-0bd0-4011-aedc-a5345f8f6b2e', url: '项目gitlab存储路径']]])
            }
        }
        
        stage('代码构建') {
            //只有开发环境进行代码构建,其他环境直接下载成品即可
            when {
                environment name: 'DEPLOY',value: 'dev'
            }
            steps{
                // npm构建
                script {
                    sh '''
                        /usr/local/bin/cnpm install
                        /usr/local/bin/npm run build
                    '''
                }
            }
        }
        
        stage('上传制品') {
            when {
                environment name: 'DEPLOY',value: 'dev'
            }
            steps{
                script {
                    sh '''
                        cp package.json dist/
                        cd dist/
                        /usr/local/bin/npm publish --registry=http://nexus_ip:PORT/repository/npm-repository/
                    '''
                }
            }
        }

        stage('部署到开发环境') {
            when {
                environment name: 'DEPLOY',value: 'dev'
            }
 
            steps {
                script {
                    sh """
			            # 调用发布节点环境中的版本备份脚本
                        ssh ${server_user}@${dev_serverIP} "/script/web_client.sh"
                        ssh ${server_user}@${prod_serverIP} "/script/web_client.sh"
                        scp -r ./dist/* ${server_user}@${dev_serverIP}:${CODE_DIR}/package
                    """
                }
            }
        }
        stage('部署到测试环境') {
            when {
                environment name: 'DEPLOY',value: 'test'
            }
            steps {
                script {
                    sh """
                        ssh ${server_user}@${test_serverIP} "/script/web_client.sh"
			            # 调用下载制品脚本，并进行解压到目标目录下
                        ssh ${server_user}@${test_serverIP} "cd /opt/web_code && /script/wget_nexus ${Package} && tar -xf *.tgz -C ${CODE_DIR} && rm -f *.tgz"
                    """
                } 
            }
        }
        stage('进行访问测试') {         
            steps { 
                script {                    
                    sh 'curl -I ${HTTP_URL}'
                }
            }
        }
     }

     // 下面执行构建消息通知,需要安装企业微信插件
     post {
        success {
        script {
                if ("${DEPLOY}" == "uat" || "${DEPLOY}" == "prod") {
                        qyWechatNotification mentionedId: '', 
                        mentionedMobile: '',
                        webhookUrl: ''
                }
                else {
                    qyWechatNotification mentionedId: '', 
                        mentionedMobile: '', 
                        webhookUrl: ''
                }
            }
        }
        failure {
            script {
                if ("${DEPLOY}" == "uat" || "${DEPLOY}" == "prod"){
                    qyWechatNotification mentionedId: '', 
                    mentionedMobile: '', 
                    webhookUrl: ''
                }
                else {
                    qyWechatNotification mentionedId: '', 
                    mentionedMobile: '', 
                    webhookUrl: ''
                }
            }
        }
    }
}

#在各个目标节点服务器上编辑shell脚本，用来从nexus下载制品
[root@localhost ~]# cd /script/wget_nexus
#!/bin/bash
wget --user="nexus用户" --password="nexus密码" $1 &>/dev/null 

• 在各个节点上创建制品临时存储目录

[root@dev-server ~]# mkdir -p /opt/web_code
[root@dev-server ~]# chown -R appadmin. /opt/web_code

• 在各个节点上创建程序存储目录

[root@dev-server ~]# mkdir -p /data/web_client/package
[root@dev-server ~]# chown -R appadmin. /data/web_client/package

• 所需插件：
  • Nexus Artifact Uploader：上传制品到制品库
  • Nexus Platform：一个将Nexus Repository Manager和Nexus Lifecycle集成到Jenkins作业中的插件

• 部署到测试环境