使用jenkins的pipeline部署前端vue项目

2020-12-03 18:34:27 阅读：875 来源： 互联网

标签：pipeline vue false -- manage git jenkins

1、在安装jenkins服务器上安装git和nodejs,且配置环境变量。

2、jenkins安装git、nodejs、Publish Over SSH 插件

manage jenkins --> manage plugins --> 可选插件
安装完成后重启一下jenkins服务http://ip:8080/restart

3、配置安装插件相关参数
manage jenkins --> Global Tool Configuration
（1）git默认即可
（2）NodeJS

manage jenkins --> Configuration System
（3）Publish over SSH

4、生产git凭证唯一标识
manage jenkins --> manage credentials

5、pipline模式部署

创建一个视图，在视图下新建一个pipeline模式的任务：

编写pipeline的脚本：

jenkins提供了pipeline语法自动生成工具：

pipeline脚本code:

//git的凭证
def git_auth = "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
def url = "https://gitee.com/Kirico/VueDemo_Sell_Eleme.git"
def remote_directory = "/home/data/application/nginx/html/jenkins-web"

node {
    
    stage('git拉取代码') {
        checkout([$class: 'GitSCM', 
                  branches: [[name: '*/master']],
                  doGenerateSubmoduleConfigurations: false,
                  extensions: [],
                  submoduleCfg: [],
                  userRemoteConfigs: [[
                                        //credentialsId: "${git_auth}",
                                        url:"${url}"
                                    ]]])
    }
   
    stage('npm打包') {
        //使用NodeJS的npm进行打包
        nodejs('nodejs'){
            sh '''
                npm install
                npm run build
               '''
        }
        
    }
    
    stage('远程部署') {
        //远程调用进行项目部署
        sshPublisher(publishers: [sshPublisherDesc(configName: 'nginx_server',
                                                   transfers: [sshTransfer( cleanRemote: false,
                                                                            excludes: '',
                                                                            execCommand: '',
                                                                            execTimeout: 120000,
                                                                            flatten: false,
                                                                            makeEmptyDirs: false,
                                                                            noDefaultExcludes:false, 
                                                                            patternSeparator: '[, ]+',
                                                                            remoteDirectory: "${remote_directory}",
                                                                            remoteDirectorySDF: false,
                                                                            removePrefix: 'dist',
                                                                            sourceFiles: 'dist/**')],
                                                    usePromotionTimestamp: false,
                                                    useWorkspaceInPromotion: false,
                                                    verbose: false)])
    } 
}

保存pipeline脚本，既可以开始构建项目。

标签：pipeline,vue,false,--,manage,git,jenkins
来源： https://www.cnblogs.com/yqq-blog/p/14081928.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

使用jenkins的pipeline部署前端vue项目