jenkins前端实现自动化部署（vue项目）

最新推荐文章于 2024-08-09 16:13:55 发布

梦里小白龙

最新推荐文章于 2024-08-09 16:13:55 发布

阅读量7.8k

点赞数 4

分类专栏：运维

本文链接：https://blog.csdn.net/qq_Shu/article/details/91868410

版权

运维专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.jenkins创建任务

在这里插入图片描述

2.创建任务跳转页面

在这里插入图片描述

3.保存后配置页面git添加用户进入Jenkins 凭据提供者数据用户名密码

	Repository URL：支持https和ssh
	Credentials：Jenkins 凭据提供者数据用户名密码
	Branch Specifier (blank for 'any')：写git分支默认msater

在这里插入图片描述

3.buid-选择执行shell

3.1参数化构建过程

在这里插入图片描述
3.2build 执行shell

在这里插入图片描述

date_time=`date +%Y-%m-%d-%H-%M`   #执行当前的时间
case $deploy_env in 
	deploy)
    	echo "-------该时间用于回滚：$date_time--------------"
    	#cd 进入 /home/jenkins/workspace/loan_exceeds_web/build   并且  将当前目录下的文件打包放到 /home/backup/下面     备份上一次代码为了更好的回滚
        cd /home/jenkins/workspace/loan_exceeds_web/build && tar zcf /home/backup/app_"$date_time".tar.gz ./*  
        
        # 在当前下面这里指的是 /home/jenkins/workspace/loan_exceeds_web   执行build  （执行前必须安装依赖文件 cnpm i）
        npm run build
        
        # 删除/data/www/dc/public/app/所有文件  （因为我们会将build好的文件拷贝到这个目录下）
        rm -rf /data/www/dc/public/app/*
        
       # 将/home/jenkins/workspace/loan_exceeds_web/build下面文件拷贝到data/www/dc/public/app/ 这个目录下
        cp -r /home/jenkins/workspace/loan_exceeds_web/build/* /data/www/dc/public/app/ 
        
        #默认情况下面读写权限  不加改权限访问会包403
        chmod -R 777 /data/www/dc/public/app
    	;;
    rollback)
    	echo "-------回滚名称：$rollback_name--------------"
    	echo "deploy:$deploy_env"
    	 # 删除/data/www/dc/public/app/
        rm -rf /data/www/dc/public/app/*
        
        # 将$rollback_name传入参数的tar.gz  解压到 /data/www/dc/public/app/
        tar zxvf /home/backup/app_"$rollback_name".tar.gz -C /data/www/dc/public/app/
        
		#默认情况下面读写权限  不加改权限访问会包403
        chmod -R 777 /data/www/dc/public/app
    	;;
   	*)
    exit
    	;;
esac