Jenkins自動化構建vue項目然后發布到遠程服務器


一、請確保當前服務器安裝了docker和jenkins,沒安裝的請看《在centos7系統安裝docker及用docker安裝jenkins》

(jenkins里面的目錄路徑為/var/jenkins_home相當於之前安裝系統里面的/home/var/jenkins/)

二、jenkins相關插件的安裝

1、安裝Publish Over SSH插件用於SSH連接遠程的服務器。

      登錄 jenkins 管理系統首頁,打開“系統管理”--“管理插件”  搜索 Publish Over SSH 然后勾選安裝

2、安裝 NodeJs插件 用於vue項目打包構建。

      打開“系統管理”--“管理插件”  搜索 nodejs 然后勾選安裝

      打開“系統管理”--“Global Tool Configuration”   拉到底部 配置  node 版本,如圖:

 

三、配置遠程服務器的連接

1、打開“系統管理”--“系統設置”  找到 “Publish over SSH” 項 ,我這里遠程服務器用的是ssh登錄,通過ppk密鑰進行連接,所以我的配置如圖,如果是帳號密碼登錄的Passphrase填寫密碼Username填寫用戶名,path to key 為空就可以了。

 

2、點擊 Test Configuration 按鈕測試連接是否成功

 

四、配置自動部署任務

1、新建任務:點擊“新建”--填寫任務名稱,選擇“構建一個自由風格的軟件項目”然后保存,如圖:

 

2、配置git,進入任務配置,選擇源碼管理 ,我這里是git下載項目,所以選擇 git ,因為是開源的,所以沒有填寫賬號密碼,如圖

 

3、設置構建環境,選擇 Provide Node & npm bin/ folder to PATH  然后選擇之前安裝插件時候配置的node版本,如圖

 

4、配置項目自動化打包,選擇 增加構建步驟 ---Excute shell  這個是運行相關的sh命令

cd /var/jenkins_home/workspace/test #進入test項目目錄
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install
npm run build
cd dist
rm -rf test.tar.gz #刪除上次打包生成的壓縮文件
tar -zcvf test.tar.gz * #把生成的項目打包成test方便傳輸到遠程服務器
cd ../


5、把打包好的項目文件發布到遠程服務器

      選擇“構建后操作步驟”---“Send build artifacts over SSH” 。

      Name:第三步創建的遠程服務器名稱

      Source files:本地需要傳輸過去的文件路徑

      Remove prefix:過濾掉的目錄名

      Remote directory:遠程服務器的保存路徑

      Exec command:傳輸完成后在遠程服務器執行的sh命令

     

cd /home/wwwroot/test #進入遠程服務器的test目錄
tar -zxvf test.tar.gz -C dist/ #解壓test文件到dist文件夾
rm -rf test.tar.gz #刪除test文件
6、保存后點擊“立即構建”查看任務是否構建完成,Console Output 菜單可以查看構建日志。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM