使用Jenkins中的Pipeline流水线自动化部署前端Vue项目

最新推荐文章于 2025-06-20 18:28:20 发布

珍朱(珠)奶茶

最新推荐文章于 2025-06-20 18:28:20 发布

阅读量2.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： jenkins 文章标签： jenkins 前端自动化

本文链接：https://blog.youkuaiyun.com/andyLyysh/article/details/128599238

jenkins 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了JenkinsPipeline的使用，包括agent、stage和steps等关键概念，展示了如何配置从git仓库拉取Vue项目，使用nodejs进行构建，然后通过sshPublisher将结果部署到远程服务器的完整流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、pipeline

简介：
Jenkins Pipeline是一套插件，支持将连续输送Pipeline实施和整合到Jenkins。Pipeline 提供了一组可扩展的工具，用于通过Pipeline DSL为代码创建简单到复杂的传送Pipeline

语法：
agent：表示Jenkins应该为Pipeline的这一部分分配一个执行者和工作区。
stage：描述了这条Pipeline的一个阶段
steps：描述了要在其中运行的步骤 stage
sh：执行给定的shell命令
在sh编写多条命令的写法：

sh """
npm install
npm run build
"""

详细的知识点请查阅官网：https://www.jenkins.io/zh/doc/pipeline/tour/getting-started/

2、创建pipeline任务

在这里插入图片描述

git、nodejs和sshPublisherh的生成
点击图中的流水线语法
在这里插入图片描述

在这里插入图片描述

完整案例：

pipeline {
    agent any
    
    stages {
        stage ("拉取vue项目") {
            steps {
                git credentialsId: 'e0939905-8a6b-445d-906d-fe469c2fcb8a', url: 'http://192.168.13.226:3000/zhush/topfus-guodian-ui.git'
            }
        }
        
        stage ("Install") {
            steps {
                nodejs(configId: 'a4720548-c973-408b-ae68-a882421af9b5', nodeJSInstallationName: 'nodejs') {
                    sh """
                    npm install
                    npm run build
                    """
                    
                }
            }
        }
        
        stage ("tar.gz") {
            steps {
                sh "tar -zcvf ./shvuepipeline.tar.gz ./dist"
            }
        }
        
        stage ("tuisong") {
            steps {
                sshPublisher(publishers: [sshPublisherDesc(configName: 'localserver', transfers: [sshTransfer(cleanRemote: false, excludes: '', execCommand: '''cd ~/shvuepipeline
tar -xvf shvuepipeline.tar.gz -C /data/sh/shvuepipeline/''', execTimeout: 120000, flatten: false, makeEmptyDirs: false, noDefaultExcludes: false, patternSeparator: '[, ]+', remoteDirectory: '/shvuepipeline', remoteDirectorySDF: false, removePrefix: '', sourceFiles: 'shvuepipeline.tar.gz')], usePromotionTimestamp: false, useWorkspaceInPromotion: false, verbose: false)])
            }
        }
        
    }
}