jenkins自动构建vue项目,配置git,Publish Over SSH

已经部署好了jenkins,目前需要做的就是做一下相关配置。

1、安装Publish Over SSH插件,用于连接linux服务器。

  • 系统管理-插件管理,在可选插件下搜索Publish Over SSH勾选并安装
    这里我已经安装过了

在这里插入图片描述

  • 系统管理-系统配置,拉到最下面配置Publish over SSH

在这里插入图片描述

配置之后,点击测试,success即成功
在这里插入图片描述

2、安装nodejs

  • 安装同Publish Over SSH的一样

  • 配置nodejs

系统配置-全局工具配置,拉到最下面nodejs配置部分,配置node 版本

在这里插入图片描述
配置好之后测试node是否生效

新建一个freestyle project用于测试node是否安装成功(可忽略此步骤),配置如下
在这里插入图片描述
构建成功,查看日志输出。如下则安装成功
在这里插入图片描述

3、新建一个freestyle project

在这里插入图片描述

  • 配置git

在这里插入图片描述

扫描二维码关注公众号,回复: 15345785 查看本文章
  • 构建环境

在这里插入图片描述

  • shell脚本

在这里插入图片描述
在这里插入图片描述

#加载依赖
npm install  
#打包
npm run build
#切换到dist下
cd dist 
#移除之前的压缩包
rm -f dist.tar.gz
#把当前目录的所有文件打包成dist.tar.gz
tar -zcvf dist.tar.gz *
  • 增加构建后的步骤

在这里插入图片描述

在这里插入图片描述

#Source files 项目构建后在工作空间的相对目录
dist/dist.tar.gz
#Remove prefix 去掉前缀
dist
#Remote directory   此目录是基于之前设置服务器时设置根路径,系统配置的根路径/usr,所以我这里写的路径是/local/nginx/html
/local/nginx/html
#Exec command   先cd切换到文件发布的目录,然后执行解压操作,然后删除压缩包
cd /local/nginx/html
tar -zxvf dist.tar.gz
rm -f dist.tar.gz 

4、立即构建项目

控制台报错,是远程服务器文件操作权限问题,解决参考点击

Exception when publishing, exception message [Permission denied] Build step 'Send build artifacts over SSH' changed build result to UNSTABLE

如下构建成功
在这里插入图片描述

参考:
Jenkins自动化构建vue项目然后发布到远程Linux服务器
Jenkins部署vue项目详细步骤
jenkins自动构建发布vue项目的方法步骤

猜你喜欢

转载自blog.csdn.net/weixin_43485503/article/details/125853083
今日推荐