Windows伺服器下使用jenkis部署VUE專案
背景:windows伺服器使用jenkis整合工具自動部署VUE專案
準備工作:
1.程式碼倉庫使用gitee,gitlab及github同理。
2.在伺服器下載jenkis 2.332.3版本,歷史jenkis版本下載請參考: http://mirrors.jenkins.io/。
3.在伺服器下載git 2.31.0.rc2,歷史git版本下載請參考:https://nodejs.org/zh-cn/download/releases/。
jenkis設定工作:
下載完成後需要設定以下幾個步驟
1.點選Manage Jenkis選中Global Tool Configuration設定伺服器git安裝路徑
2.在Manage Plugins下搜尋NodeJS外掛並安裝
3.在Global Tool Configuration選項下設定NodeJS版本,等下打包構建的時候要用到
4.新建一個Item
5.選擇配置,設定連結gitee倉庫及設定打包構建命令
7.設定gitee倉庫連結,gitlab及github同理
8.設定git賬戶名及密碼
9.選擇nodejs構建
10.選擇構建,window伺服器請選擇Execute Windows batch command
命令解釋:
1.每次打包前先強制刪除專案下的node_modules資料夾及下面的檔案
2.安裝依賴
3.build打包
11.增加一步構建命令
命令解釋:
1.刪除網站站點下dist資料夾
2.複製貼上jenkis打包好的dist檔案及內容,強制覆蓋至網站站點下的dist資料夾
12.點選應用後點擊儲存即可
13.選擇Build Now,觀察左側下方打包進度條,進度條百分百為綠色即為打包成功,如果中斷標紅,檢視console控制檯輸出,解決對應問題即可
14.最後實際部署到站點效果