Jenkins+svn+nginx實作windows環境自動部署vue前端項目

前面文章介紹了Jenkins+svn+tomcat實作自動化部署，現在終于有空抽時間出來寫下Jenkins+svn+nginx實作自動部署vue前端項目。

jenkins的安裝和配置已經在前面文章進行介紹，下面介紹實作vue前端項目需要進行的哪些額外的步驟。

注意：在安裝jenkins和nginx的前提下，如果還沒安裝nginx,請自行百度

1：登陸jenkins，在系統管理——插件管理中，添加兩個插件。Node.js和Post build task.

其中node.js是用來打包vue項目，post build task用來把打包好的項目自動移動到nginx目錄。

 2.配置下NodeJS參數,打開全局工具配置，找到NodeJS，選擇相應版本進行配置安裝，可以檢視本地開發運作的node版本，選擇相應版本，以免發生版本問題導緻項目釋出失敗。

 3.完成如上配置之後，重新開機下服務，然後重新打開頁面，進行任務的建立。任務類型選擇freestyle project.

 4.輸入項目名稱，進入到項目之後，進行項目的描述已經配置下discard old builds，這個是配置項目建構保留的天數和最大個數，為了給磁盤省點空間，不然每次建構都有存留很多的曆史檔案。

 5.源碼管理配置如圖：

6.下一步，選擇相應的政策和建構環境，下圖都是配置好的資訊。

 7.建構項目，其中npm i 表示的是npm install，npm run build:stage表示的是項目打包的指令，如果要打包生産環境，換生成環境指令即可。

 8.項目打包完，我們還需要最後一步，就是把打包好的項目移動到nginx上面。其中要注意的點是：log text的值，這個是post build tash觸發的關鍵，就是我們jenkins自動部署該項目時候産生的日志，我判斷有deployed的日志文字，就促發post build,如果是tomcat項目，執行前面成功指令是 BUILD SUSSESS，我們就可填寫相應的值進去。其中

rmdir /q /s "E:\nginx-1.12.2\html\ns"
xcopy /y /e /i "C:\Program Files (x86)\Jenkins\workspace\ns-web\ns" "E:\nginx-1.12.2\html\ns"      

這個腳本第一句表示删除nginx原來的項目，第二句表示複制打包好的項目到nginx目錄，自此，完成項目的自動化部署。