Jenkins+Vue+docker实现前端的CI/CD

最新推荐文章于 2025-07-11 14:37:40 发布

原创

最新推荐文章于 2025-07-11 14:37:40 发布 · 814 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jenkins #前端 #vue.js

需求：在提交前端代码之后Jenkins自动打包，将前端打包生成的dist文件夹放在另一台服务器指定的位置，docker-compose重新启动容器

前提：Jenkins所在的服务器不联网或者NodeJs插件装不上

步骤：

Jenkins上配置从机（必须联网并与公司git服务器地址网络连通）
Jenkins上配置Publish Over SSH，实现服务器部署功能
部署的服务器安装docker和docker-compose
Jenkins上创建项目
构建项目并访问

一、Jenkins上配置从机

首先保证从机上已经安装了NodeJs、Java、Git
在这里插入图片描述

1.在系统管理–> 节点管理中配置从节点
在这里插入图片描述
点击“新建节点”

输入节点名称，点击确定

点击设置按钮，进入到从节点怕配置页

二、Jenkins上配置Publish Over SSH

1.在系统管理–>插件管理中下载Publish Over SSH插件
在这里插入图片描述

2.在系统管理–>系统配置中配置服务器

找到Publish Over SSH，配置服务器地址、用户名、密码，可以点击“Test Configuration”进行连接测试
在这里插入图片描述
三、部署的服务器安装docker和docker-compose

1.安装 docker

# 1.安装系统依赖工具
sudo yum install -y yum-utils device-mapper-persistent-data lvm2
 
# 2.yum的配置管理，添加docker的软件源地址
sudo yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo
 
# 3.更新yum缓存
sudo yum makecache fast
 
# 4.docker安装
sudo yum install docker-ce
 
# 5.启动docker服务
sudo systemctl start docker