乐趣区

关于jenkins:Jenkins-自动构建node-vue项目配置

* Jenkins 新建工作

输出工作名称,抉择创立一个自在格调的我的项目。

* 工作构建配置

作者用的是 git,这里用 git 做例子。

输出我的项目的 git 地址,和用于登录 git 账号密码。指定分支抉择你想构建的 git 分支。

勾选构建触发器,用于 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

点击保留利用。而后回到主面板。
点击我的项目进入到我的项目面板。点击 Build Now 立刻构建。

构建实现,然而左下角构建历史爆红阐明构建失败。点击工作空间右侧曾经呈现了我的项目,阐明从 git 地址和用户名账号没问题。

点击左下角报错列表后的下拉框抉择控制台输入看下谬误日志


找到谬误,website 不是目录,阐明咱们服务器上 tomcat webapps 下没有这个文件。登录服务器查看下。

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

mkdir website

回到 Jenkins 再次构建下。

构建胜利,看下控制台输入。

从控制台能够看出文件曾经被打包胜利,并且曾经放到 tomcat 下,进入 tomcat 下看看。

哈哈,这就是咱们想想要的成果。
启动 tomcat 拜访试试吧!http://localhost:8080/website。

* 配置 Git 更新后主动构建

作者这里用的是 Github,gitlab 同理。
登录 github 上并抉择到我的项目仓库。点击设置。

抉择 webhooks 并点击 add webhook


payload URL 填写:Jenkins 服务器地址 + 端口号 +/github-webhook。
点击减少。配置结束。当代码提交后后会通过 webhook 通知 Jenkins 过去拉取代码主动构建。

退出移动版