jenkins流水线部署H5项目

相关文章：jenkins部署vue/react项目_jenkins部署react_不求甚解bc的博客-CSDN博客

准备工作

1、新建一个流水线任务

2、配置git参数，选择指定分支部署流水线

  

3、在流水线配置对应步骤代码

 不知道如何写流水线代码，可清空内容，选择右上角的示例，会自动填充示例代码

 点击底部“流水线语法”，可以打开语法实例，选择对应的操作，生成代码，拷贝到steps中

 比如，clone远程代码并指定分支，填写好git地址和用户，选择对应分支，点击生成流水线脚本即可，将结果拷贝到steps中

 

 类似的还有配置node版本、shell脚本等，都可以在流水线语法页面生成

4、备份上述脚本

pipeline {
    agent any

    stages {
        stage('Clone') {
            steps {
                // Get some code from a GitHub repository
                checkout([$class: 'GitSCM', branches: [[name: '${branch}']], extensions: [], userRemoteConfigs: [[credentialsId: '65574a37-15dd-4021-9bb0-01d432da81aa', url: 'https://gitlab.com/bucong/vue-demo.git']]])
            }
        }
        stage('Build') {
            steps {
                nodejs('nodejs14') {
                    sh '''npm install
                    rm -rf ./dist/*
                    npm run build'''
                }
            }
        }
        stage ("Deply") {
            steps {
                sh '''rm -rf /usr/share/nginx/html/vue-demo/*
                cp -rf ./dist/* /usr/share/nginx/html/vue-demo/'''
            }
        }
        stage ("Success") {
            steps {
                echo 'success'
            }
        }
    }
}

5、执行效果