一 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過來拉取代碼自動構建。 配置完畢。