安装jenkins的docker镜像，并一键部署vue项目

关注

原创最新推荐文章于 2026-05-03 10:32:25 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

Jenkins+Docker实现部署你的Vue应用什么是自动化在没有工具的时代，有很多重复性的工作都是人手工完成的，比如在田地里收割果实、在流水线上加工等。而有了工具后，我们解放了双手，从而把精力放在更重要的事情上，让工具帮我们去完成那些重复性的工作，来提高效率，这就是我理解的自动化。在软件开发中更是如此，大家为了“变懒”，使自动化测试、自动化部署、自动化构建等类型的工具层出不穷。而这篇文章主要是记录一下我学习使用CI/CD工具jenkins来... 阅读详情

由于jenkins是基于java开发的软件，有些同学可能不想电脑里有多余的环境，所以只介绍docker镜像的安装方法，简单干净，如果有不会使用docker的小伙伴可以看一下我之前的帖子——从0开始打包docker镜像全过程记录（nodejs）。

1. 安装jenkins镜像

docker pull jenkins/jenkins

2. 启动jenkins

docker run -d -p 8080:8080 -p 50000:50000 -v /your/home:/var/jenkins_home jenkins

-v <主机路径>:<jenkins的插件配置路径> 
jenkinis的所有数据都在容器内的/var/jenkins_home中
这样配置可以把插件以及配置持久化保存到主机上，而不会因为删除容器导致配置丢失

没出啥问题的话，浏览器访问本地的8080路径就可以看到jenkins的页面了。

3. 安装需要的插件

点击系统管理=>插件管理=>Available plugins。
搜索安装NodeJS Plugin和Publish Over SSH，安装完毕后重启jenkins。

前者是为了全局的node环境，后者是为了上传构建完后的代码到服务器上。

4. 进行全局配置

点击系统管理=>系统配置，找到 Publish over SSH项（如果没有的话就是插件安装有问题），先配置ssh私钥（用来ssh连接到需要上传的服务器），没有就生成一个。
然后是SSH Servers的配置，按照提示写就行，后续构建选择上传选择对应的就行。
点击系统管理=>全局工具配置=>NodeJS 安装，新增NodeJS，选择从nodejs.org（防止网络问题，推荐选镜像源）。
选择你需要的node版本，需要安装的全局包（我这里选择了pnpm作为安装依赖的工具）。

保存后回到首页，准备开始创建构建任务。

5. 新建任务

创建一个自由风格的任务。

创建完毕后，在配置页面选择丢弃旧的构建。
添加源码的git仓库地址，添加仓库对应的凭据（我这里是添加了gitee的账号密码）。

按照提示添加即可
构建环境选择Provide Node & npm bin/ folder to PATH，用于构建vue项目。
增加构建步骤，执行shell脚本，用来安装项目依赖和打包项目。

echo $PATH
node -v
pnpm -v
pnpm install
pnpm run build
cd dist
tar -zcvf portal.tar.gz *
cd ../

添加构建后操作，用于上传打包后文件到服务器上。

#参数说明
Source files => dist/portal.tar.gz # 指定上传的文件，也可以使用`**/*.jar`来匹配文件
# 上面最好指定某个路径下的文件，不然会扫描全局文件（别问我为啥知道）
Remove prefix => dist # 需要删除的前缀
Remote Directory => /home/username/jenkins_ssh # 指定上传到服务器的路径
Exec command => sh /home/username/utils/publish_protal.sh portal /home/username/jenkins
# 上面的参数可以指定上传完毕后，在服务器执行的命令，用来部署解压文件到具体目录，接下来我会放出脚本内容

全部设置完毕后即可保存任务。

6. 编写部署脚本

新建publish_protal.sh，键入以下内容（需要根据项目实际生成的文件修改）

project_name="portal"
portal_home="/home/username/protal"
ssh_home="/home/username/jenkins_ssh"

# 校验传参
if [ $# -lt 1 ]; then
  echo "you must use like this : ./publish_portal.sh <project_name> [portal home dir]"
  exit
fi
if [ "$1" != "" ]; then
   project_name="$1"
fi
if [ "$2" != "" ]; then
   portal_home="$2"
fi

echo "portal code copy"
#publish project_name
echo "$project_name publishing"
rm -rf "$portal_home"/index.html "$portal_home"/assets "$portal_home"/static
cd $ssh_home
tar -zxvf portal.tar.gz
#bak project_name
BAK_DIR=~/jenkins_ssh_old/$project_name/`date +%Y%m%d`
mkdir -p "$BAK_DIR"
cp $ssh_home/portal.tar.gz "$BAK_DIR"/"$project_name"_`date +%H%M%S`.tar.gz
#remove tmp
rm portal.tar.gz
#copy portal code
cp -r * "$portal_home"
#remove tmp
rm -rf index.html assets static
#start portal
echo "Portal is starting,please try to access $project_name conslone url"