一、請確保當前服務器安裝了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 菜單可以查看構建日志。