jenkins+pipeline+docker部署vue项目

最新推荐文章于 2025-04-28 20:00:35 发布

蒙多不减肥

最新推荐文章于 2025-04-28 20:00:35 发布

阅读量1.4k

点赞数 2

CC 4.0 BY-SA版权

文章标签： jenkins docker vue.js

本文链接：https://blog.csdn.net/qq_43084874/article/details/129651539

文章详细介绍了使用Jenkins进行Node.js项目部署的步骤，包括拉取代码、编译、传输产物到业务服务器，并特别提到了Nginx作为Web服务，以及使用Docker容器的情况。通过Jenkins的声明式流水线语法，配置拉取代码、编译和部署的脚本，并利用SSH插件将构建产物传输到远程服务器。整个过程强调了通用性和可复用性。

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

这里只是一个简单的例子，只要掌握了思路，部署别的项目都是一样的

项目步骤

第一步：拉取代码
第二步：编译部署获取构建产物
第三步：将产物传输到业务服务器，并根据具体业务场景看是否需要重启服务

nodejs项目的话就是拉去代码编译，把生成的静态文件传输到业务服务器的web服务的静态路径下。一般nginx居多，

新建job，选择流水线项目

在这里插入图片描述

不需要勾选任何选项，只需要在流水线的区域去编写流水线脚本,
在这里插入图片描述
先在脚本框写一个pipeline块，所有你的流水线脚本步骤都是在这个pipeline块里

pipeline {
   
   

}

然后点击左下角的流水线语法，进到对应语法帮助页面去按需生成我们需要的代码

声明式指令生成器用来生成基础的流水线语法块，
片段生成器用来生成具体的业务操作语法代码，一般在stages里某个stage的steps里，
在这里插入图片描述
首先确定负责构建编译打包的服务器，
在声明式指令生成器处选择agent来确定负责job工作的节点，只有一台构建节点的话不用选，直接生成代码

agent any

agent 要写在pipeline块的第一行，

复制代码 agent any到job的脚本框，
在这里插入图片描述

编译工具。前端一般nodejs ，后端java就是mvn，还有其他项目的自己类推

这里选择左侧的生命是指令生成器，步骤选择tools，然后下拉框选择我们用来编译的工具，如果没有去全局设置里安装一下，然后点击生成脚本

在这里插入图片描述
一般会生成如下类似的代码，单引号是你在全局配置里安装时自定义的名字

tools {
   
   
  nodejs 'node'
}

复制代码块到job的脚本框!
有了工具就可以开始去拉取代码编译打包了

前面讲到有三个步骤，拉代码，编译，传送产物到业务服务器，所以这里先生成含有三个`stage`的一个`stages`

在这里插入图片描述
生成代码如下

stages {
   
   
  stage('pull code') {
   
   
    steps {
   
   
      // One or more steps need to be included within the steps block.
    }
  }

  stage('build') {
   
   
    steps {
   
   
      // One or more steps need to be included within the steps block.
    }
  }

  stage(

最低0.47元/天解锁文章

200万优质内容无限畅学

jenkins+pipeline+docker部署vue项目

前面讲到有三个步骤，拉代码，编译，传送产物到业务服务器，所以这里先生成含有三个stage的一个stages

前面讲到有三个步骤，拉代码，编译，传送产物到业务服务器，所以这里先生成含有三个`stage`的一个`stages`