Jenkins 自動化構建基於svn的vue項目 ，以及uniapp的H5項目

 

1、安裝NodeJS插件

 

打開管理功能

 

 

進入全局工具管理

 

配置NodeJS版本

 

 

 

 

2、創建項目

 

 填寫項目名稱，選擇自由項目

 

 

 填寫項目描述

 

 

填寫SVN地址、SVN帳號

 

 

選擇構建方式、NodeJS版本

 

 選擇構建模式爲Execute shell，編輯構建腳本

 

 

# vue項目
cnpm install  #安裝node依賴包
npm run build  #開始構建
cd dist  #打開構建目錄
rm -rf dist.tar.gz #刪除上次打包生成的壓縮文件
tar -zcvf dist.tar.gz * #把生成的項目打包成方便傳輸到遠程服務器
cd ../

-------------------------------------------------------------------------------------
# uniapp H5項目
# H5需要依賴uniapp在本地使用HbuilderX打包H5，然後上傳
cd unpackage/dist/build/h5  #進入uniapp  H5構建的目錄
rm -rf dist.tar.gz #刪除上次打包生成的壓縮文件
tar -zcvf dist.tar.gz * #把生成的項目打包成方便傳輸到遠程服務器
cd ../

 

 通過ssh把打包好的壓縮包上傳、解壓

 

 

如果是uniapp打包的H5，
需要在本地打包，上傳到svn，配置改成這個路徑
Source files：unpackage/dist/build/h5/dist.tar.gz
Remove prefix ：unpackage/dist/build/h5

 

cd /opt/server/html/base-pc #進入遠程服務器的目錄
tar -xzvf dist.tar.gz #解壓文件到根目錄
rm -rf dist.tar.gz #刪除壓縮文件