Jenkins node項目自動構建配置

一 Jenkins 新建任務git

image.png

輸入任務名稱,選擇建立一個自由風格的項目。github

二 任務構建配置web

做者用的是git,這裏用git作例子。

image.png

輸入項目的git地址,和用於登陸git帳號密碼。指定分支選擇你想構建的git分支。shell

image.png

勾選構建觸發器,用於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

image.png

點擊保存應用。而後回到主面板。
點擊項目進入到項目面板。點擊Build Now當即構建。tomcat

image.png

構建完成,可是左下角構建歷史爆紅說明構建失敗。點擊工做空間右側已經出現了項目,說明從git地址和用戶名帳號沒問題。服務器

image.png

點擊左下角報錯列表後的下拉框選擇控制檯輸出看下錯誤日誌app

image.png
image.png

找到錯誤,website不是目錄,說明咱們服務器上tomcat webapps下沒有這個文件。登陸服務器查看下。webapp

image.png

果真沒有,咱們新建website文件夾。ui

mkdir website

回到Jenkins再次構建下。

image.png

構建成功,看下控制檯輸出。

image.png

從控制檯能夠看出文件已經被打包成功,而且已經放到tomcat下,進入tomcat下看看。

image.png

哈哈,這就是咱們想一想要的效果。
啓動tomcat訪問試試吧!

三 配置Git更新後自動構建

登陸github上並選擇到項目倉庫,點擊設置。

image.png

選擇webhooks 並點擊add webhook

image.png
image.png

payload URL:Jenkins服務器地址+端口號+/github-webhook。 增長webhook後,當代碼提交會經過webhook告訴Jenkins過來拉取代碼自動構建。 配置完畢。
相關文章
相關標籤/搜索