Jenkins node项目自动构建配置

一 Jenkins 新建任务

Jenkins node项目自动构建配置_第1张图片
输入任务名称,选择创建一个自由风格的项目。

二 任务构建配置

作者用的是git,这里用git做例子。
Jenkins node项目自动构建配置_第2张图片

输入项目的git地址,和用于登录git账号密码。指定分支选择你想构建的git分支。
Jenkins node项目自动构建配置_第3张图片

勾选构建触发器,用于git更新代码后会自动推送到jenkins自动构建。
增加构建步骤选择:Execute shell
输入shell命令

npm install 
rm -rf ./dist/*
npm run build
rm -rf /usr/local/tomcat/webapps/website/*
cp -rf ./dist/* /usr/local/tomcat/webapps/website

Jenkins node项目自动构建配置_第4张图片

点击保存应用。然后回到主面板。
点击项目进入到项目面板。点击Build Now立即构建。
Jenkins node项目自动构建配置_第5张图片

构建完成,但是左下角构建历史爆红说明构建失败。点击工作空间右侧已经出现了项目,说明从git地址和用户名账号没问题。
Jenkins node项目自动构建配置_第6张图片

点击左下角报错列表后的下拉框选择控制台输出看下错误日志
Jenkins node项目自动构建配置_第7张图片

找到错误,website不是目录,说明我们服务器上tomcat webapps下没有这个文件。登录服务器查看下。
Jenkins node项目自动构建配置_第8张图片

果然没有,我们新建website文件夹。

mkdir website

回到Jenkins再次构建下。
Jenkins node项目自动构建配置_第9张图片

构建成功,看下控制台输出。
Jenkins node项目自动构建配置_第10张图片

从控制台可以看出文件已经被打包成功,并且已经放到tomcat下,进入tomcat下看看。
Jenkins node项目自动构建配置_第11张图片

哈哈,这就是我们想想要的效果。
启动tomcat访问试试吧!

三 配置Git更新后自动构建

登录github上并选择到项目仓库,点击设置。
Jenkins node项目自动构建配置_第12张图片

选择webhooks 并点击add webhook
Jenkins node项目自动构建配置_第13张图片

payload URL:Jenkins服务器地址+端口号+/github-webhook。
增加webhook后,当代码提交会通过webhook告诉Jenkins过来拉取代码自动构建。
配置完毕。

你可能感兴趣的:(jenkins,vue.js,node.js)