jenkins安裝請參考文末centOS安裝jenkins。

準(zhǔn)備工作

1、安裝參數(shù)化部署插件

Git Parameter Plug-In git參數(shù)化構(gòu)建，可選擇分支、標(biāo)簽構(gòu)建Extended Choice Parameter Plug-In 自定義參數(shù)化構(gòu)建，可根據(jù)需要任意添加參數(shù)NodeJS Plugin Node環(huán)境，打包vue項(xiàng)目

2、安裝好插件后，配置Nodejs環(huán)境

打開全局工具配置

找到NodeJS，填寫別名，選擇需要安裝的node版本

創(chuàng)建項(xiàng)目

1、創(chuàng)建一個job，選擇構(gòu)建一個自由風(fēng)格的軟件項(xiàng)目

2、選擇根據(jù)分支選項(xiàng)構(gòu)建項(xiàng)目，也可以根據(jù)剛才安裝的Extended Choice Parameter Plug-In插件選擇自定義參數(shù)，已選值建議使用TOP，即第一個

3、添加Git倉庫，校驗(yàn)填寫Git賬號和密碼，指定分支使用第2步的參數(shù)名，用${}包裹

4、構(gòu)建環(huán)境添加node

5、添加執(zhí)行shell腳本

shell腳本注解

// 安裝依賴包
npm install
// 刪除原有dist目錄
rm -rf ./dist/*
// 打包
npm run build
// 刪除nginx服務(wù)前端資源目錄
rm -rf /usr/share/nginx/html/vue-demo/*
// 將打包后的新資源添加到nginx服務(wù)前端目錄
cp -rf ./dist/* /usr/share/nginx/html/vue-demo/

上傳到外部服務(wù)器

// 通過ssh-keygen命令生成公鑰
ssh-keygen -t rsa
// 在/root/.ssh/目錄下會生成一個'id_isa.pub'的文件，將其拷貝到目標(biāo)主機(jī)
// 部署到外部服務(wù)器shell腳本
scp -r ./dist/* root@47.100.51.191:/usr/share/nginx/html/vue-demo/

6、構(gòu)建成功后自動打tag，方便找到對應(yīng)部署版本。tag內(nèi)容可根據(jù)需求自己填寫，我使用時間加分支形式，${BUILD_TIMESTAMP}為當(dāng)前時間，${GIT_BRANCH}為分支

需要安裝全局時間插件，Build Timestamp Plugin，然后，系統(tǒng)管理->系統(tǒng)配置（tag不能有冒號）

構(gòu)建

1、選擇分支參數(shù)，開始構(gòu)建

2、開始構(gòu)建后，可以查看左下構(gòu)建歷史，查看當(dāng)前構(gòu)建信息

3、如有報(bào)錯，查看控制臺輸出

補(bǔ)充：下面看下centOS安裝jenkins

centOS安裝jenkins

1、安裝JDK

yum install -y java

2、安裝jenkins

添加Jenkins庫到y(tǒng)um庫，Jenkins將從這里下載安裝。

wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo
rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key
yum install -y jenkins

如果不能安裝就到官網(wǎng)下載jenkis的rmp包，官網(wǎng)地址（http://pkg.jenkins-ci.org/redhat-stable/）

wget http://pkg.jenkins-ci.org/redhat-stable/jenkins-2.277.2-1.1.noarch.rpm
rpm -ivh jenkins-2.277.2-1.1.noarch.rpm

3、配置jenkis的端口

vi /etc/sysconfig/jenkins

找到修改端口號：

JENKINS_PORT="8080"  此端口不沖突可以不修改 

4、啟動jenkins

service jenkins start/stop/restart

到此這篇關(guān)于jenkins部署vue/react項(xiàng)目的文章就介紹到這了,更多相關(guān)jenkins部署vue/react項(xiàng)目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！