jenkins从gitlab上部署前端vue项目

一 docker安装jenkins

docker pull jenkins/jenkins

创建存储位置

mkdir -p /dockerdata/backups

mkdir -p /dockerdata/jenkins

chown -R 1000:1000 /dockerdata/jenkins/ 给uid为1000的权限

启动

docker run -itd -p 9090:8080 -p 50000:50000 --name jenkins --privileged=true  -v /dockerdata/backups:/var/backups -v /dockerdata/jenkins:/var/jenkins_home -v /etc/localtime:/etc/localtime jenkins/jenkins

二、linux安装git

tar -zxvf
cd git-2.41.0
./configure --prefix=/usr
make
make install

git --version

三、linux安装nodejs

# 下载nodejs
wget https://nodejs.org/dist/v14.18.3/node-v14.18.3-linux-x64.tar.gz
# 解压nodejs
tar zxvf node-v14.18.3-linux-x64.tar.gz -C /opt/module/
# 创建软连接
sudo ln -s /opt/module/node-v14.18.3-linux-x64/bin/node /usr/local/bin/node
sudo ln -s /opt/module/node-v14.18.3-linux-x64/bin/npm /usr/local/bin/npm
# 查看版本
node -v
npm -v

四、jenkins构建前端项目

创建一个自由风格的任务

 

 

SSH site是访问远程服务器的ip地址及端口 端口一般默认22

# 切换到jenkins从gitlab拉取代码后的目录
cd /dockerdata/jenkins/workspace/xt-pc-admin-web
# 安装前端项目依赖 node_modules
npm install
# 前端项目打包命令
npm run build:uatExtranet
# 将打包好的文件进行压缩
zip -q -r admin.zip ./admin
# 移动压缩包至nginx部署的目录下
mv admin.zip /dockerdata/nginx/html
# 删除打包后的资源文件
rm -rf admin
# 切换至nginx部署的目录下
cd /dockerdata/nginx/html
# 删除旧版本
rm -rf admin
# 解压新版本
unzip admin.zip
# 删除压缩包资源
rm -rf admin.zip