1. 程式人生 > 其它 >Windows伺服器下使用jenkis部署VUE專案

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.最後實際部署到站點效果