一 Jenkins 新建任务git
输入任务名称,选择建立一个自由风格的项目。github
二 任务构建配置web
做者用的是git,这里用git作例子。
输入项目的git地址,和用于登陆git帐号密码。指定分支选择你想构建的git分支。shell
勾选构建触发器,用于git更新代码后会自动推送到jenkins自动构建。
增长构建步骤选择:Execute shell
输入shell命令npm
npm install rm -rf ./dist/* npm run build rm -rf /usr/local/tomcat/webapps/website/* cp -rf ./dist/* /usr/local/tomcat/webapps/website
点击保存应用。而后回到主面板。
点击项目进入到项目面板。点击Build Now当即构建。tomcat
构建完成,可是左下角构建历史爆红说明构建失败。点击工做空间右侧已经出现了项目,说明从git地址和用户名帐号没问题。服务器
点击左下角报错列表后的下拉框选择控制台输出看下错误日志app
找到错误,website不是目录,说明咱们服务器上tomcat webapps下没有这个文件。登陆服务器查看下。webapp
果真没有,咱们新建website文件夹。ui
mkdir website
回到Jenkins再次构建下。
构建成功,看下控制台输出。
从控制台能够看出文件已经被打包成功,而且已经放到tomcat下,进入tomcat下看看。
哈哈,这就是咱们想一想要的效果。
启动tomcat访问试试吧!
三 配置Git更新后自动构建
登陆github上并选择到项目仓库,点击设置。
选择webhooks 并点击add webhook
payload URL:Jenkins服务器地址+端口号+/github-webhook。 增长webhook后,当代码提交会经过webhook告诉Jenkins过来拉取代码自动构建。 配置完毕。