簡介

Jenkins是一個(gè)開源的、提供友好操作界面的持續(xù)集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持續(xù)、自動(dòng)的構(gòu)建/測試軟件項(xiàng)目、監(jiān)控外部任務(wù)的運(yùn)行（這個(gè)比較抽象，暫且寫上，不做解釋）。Jenkins用Java語言編寫，可在Tomcat等流行的servlet容器中運(yùn)行，也可獨(dú)立運(yùn)行。通常與版本管理工具(SCM)、構(gòu)建工具結(jié)合使用。常用的版本控制工具有SVN、GIT，構(gòu)建工具有Maven、Ant、Gradle。

jenkins安裝

 1.安裝JDK

yum install -y java

2.安裝jenkins

把Jenkins庫添加到y(tǒng)um庫,然后安裝

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

如果yum安裝jenkins出現(xiàn)簽名認(rèn)證失敗,再啟動(dòng)命令后面加上- -nogpgcheck

yum install -y jenkins --nogpgcheck

3.配置jenkis的端口

vi /etc/sysconfig/jenkins
#此端口不沖突可以不修改 
JENKINS_PORT="8080" 

4.啟動(dòng)jenkins

# start 啟動(dòng) stop停止,restart重啟
service jenkins start/stop/restart

安裝成功后Jenkins將作為一個(gè)守護(hù)進(jìn)程隨系統(tǒng)啟動(dòng)
系統(tǒng)會(huì)創(chuàng)建一個(gè)“jenkins”用戶來允許這個(gè)服務(wù)，如果改變服務(wù)所有者，同時(shí)需要修改/var/log/jenkins, /var/lib/jenkins, 和/var/cache/jenkins的所有者
啟動(dòng)的時(shí)候?qū)?etc/sysconfig/jenkins獲取配置參數(shù)

5.打開jenkins

在瀏覽器中訪問
http://127.0.0.1:8080/
首次進(jìn)入會(huì)要求輸入初始密碼如下圖

初始密碼在：/var/lib/jenkins/secrets/initialAdminPassword 文件里面

6.安裝插件

登陸進(jìn)去之后,然后就開始安裝推薦插件了.

發(fā)布vue項(xiàng)目

1.安裝插件

如果jenkins和vue應(yīng)用部署在同一臺(tái)電腦,后面2個(gè)插件不用安裝

安裝NodeJS插件

點(diǎn)擊系統(tǒng)管理,然后點(diǎn)擊插件管理,在可選插件里面搜索NodeJS插件,然后安裝

安裝連接SSH的插件

Publish Over SSH用于連接遠(yuǎn)程服務(wù)器

安裝把應(yīng)用發(fā)布到遠(yuǎn)程服務(wù)器的插件

Deploy to container插件用于把打包的應(yīng)用發(fā)布到遠(yuǎn)程服務(wù)器

2.配置git和NodeJS環(huán)境

打開系統(tǒng)管理里面的全局工具配置

安裝配置git

如果 下載過就不需要再下載了。

#安裝git
yum install git
#查看git的執(zhí)行文件位置, 默認(rèn)是在 /usr/bin/git
whereis git

配置git執(zhí)行命令目錄

安裝配置NodeJS

自動(dòng)下載會(huì)出現(xiàn)在構(gòu)建任務(wù)的時(shí)候卡半天 (不推薦)

自動(dòng)下載的NodeJS文件保存在/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/ 下面

手動(dòng)下載NodeJS壓縮包上傳到服務(wù)器指定位置

我本地開發(fā)環(huán)境用的NodeJS是 v12.18.3版本下載路徑是https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.gz,你們可以去https://nodejs.org/dist/ 頁面去找你們對(duì)應(yīng)的版本文件
建議別用網(wǎng)頁下載,網(wǎng)頁下載特別慢,打開迅雷把文件鏈接放進(jìn)去幾秒鐘就下完了.

#把下載好的壓縮包上傳到服務(wù)器的這個(gè)目錄下面
/var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/
#壓縮
cd /var/lib/jenkins/tools/jenkins.plugins.nodejs.tools.NodeJSInstallation/
tar zxvf node-v12.18.3-linux-x64.tar.gz

3.配置git憑證信息

配置git賬號(hào)密碼信息

點(diǎn)擊系統(tǒng)管理下面的 Manage Credentials

點(diǎn)擊Jenkins

點(diǎn)擊全局憑據(jù)

點(diǎn)擊添加憑據(jù)

設(shè)置連接git的賬號(hào)密碼信息,然后再設(shè)置憑據(jù)的唯一ID

4.新建任務(wù)

新建任務(wù),然后點(diǎn)構(gòu)建一個(gè)自由風(fēng)格的軟件項(xiàng)目

配置git地址和憑證信息

點(diǎn)擊源碼管理，然后配置代碼倉庫和對(duì)應(yīng)的憑據(jù)信息

指定分支

設(shè)置項(xiàng)目的自動(dòng)發(fā)布的觸發(fā)條件

目前使用的是輪詢,
H/5 * * * * * 表示每5分鐘去查看git代碼有沒有更新,有更新自動(dòng)發(fā)布

配置構(gòu)建環(huán)境

選中之前在全局配置添加的NodeJS名稱

設(shè)置構(gòu)建參數(shù)和執(zhí)行的命令

下面2種情況,根據(jù)實(shí)際需求選擇配置

發(fā)布項(xiàng)目到本機(jī) 設(shè)置構(gòu)建命令

點(diǎn)擊增加構(gòu)建步驟,選擇執(zhí)行shell

把構(gòu)建項(xiàng)目的命令放進(jìn)去,然后點(diǎn)擊保存就行

#切換目錄(我的vue項(xiàng)目在git源碼根路徑的ocrweb目錄下，你們的如果是在根路徑下面,cd這個(gè)命令請(qǐng)忽略)
#cd ocrweb
#加載依賴
npm install 
#構(gòu)建代碼
npm run build
#復(fù)制構(gòu)建后的文件到nginx里面項(xiàng)目對(duì)應(yīng)的部署目錄下
cp dist/* -rf /usr/local/nginx/jenkins/www/ocrweb

由于jenkins服務(wù)默認(rèn)是有jenkins用戶啟動(dòng)的,所以要給vue項(xiàng)目發(fā)布的目錄授權(quán)

chmod 777 /usr/local/nginx/jenkins/www/ocrweb

立即構(gòu)建項(xiàng)目

1.點(diǎn)擊我的視圖

2.點(diǎn)擊剛剛新建的任務(wù)

3.點(diǎn)擊立即構(gòu)建

4.點(diǎn)擊查看控制臺(tái)日志

可以看到打印了我們之前配置命令

看到下面的Finished: SUCCESS代表著已經(jīng)發(fā)布成功了。

最后看到文件已經(jīng)發(fā)布到了我配置的nginx容器的目錄下面了。

發(fā)布項(xiàng)目到遠(yuǎn)程服務(wù)器 需要先設(shè)置遠(yuǎn)程服務(wù)器的host,賬號(hào),密碼

點(diǎn)擊系統(tǒng)管理->點(diǎn)擊系統(tǒng)配置,找到Publish over SSH選項(xiàng)

需要配置Name,Hostname,Username,Remote Directory
賬號(hào)認(rèn)證可以使用密碼,key文件,key內(nèi)容

參數(shù)說明

設(shè)置構(gòu)建命令

比上面寫的單機(jī)部署的少了cp命令,多個(gè)打包命令

#加載依賴
npm install 
#構(gòu)建程序
npm run build
#切換了編譯后的目錄
cd dist
#移除之前的壓縮包
rm -f ocrweb.tar.gz
#把當(dāng)前目錄的所有文件打包成ocrweb.tar.gz
tar -zcvf ocrweb.tar.gz *

構(gòu)建后操作

點(diǎn)擊增加構(gòu)建后操作，選中Send build artifacts over SSH

#Source files
dist/ocrweb.tar.gz
#Remove prefix
dist
#Remote directory
usr/local/nginx/jenkins/www/ocrweb
#Exec command
cd /usr/local/nginx/jenkins/www/ocrweb
tar -zxvf ocrweb.tar.gz
rm -f ocrweb.tar.gz 

參數(shù)說明

配置完成后,保存,然后點(diǎn)擊立即構(gòu)建，查看控制臺(tái)日志,看到SSH: Transferred 1 file(s)
Finished: SUCCESS就代表文件已經(jīng)上傳到遠(yuǎn)程服務(wù)了。

登錄遠(yuǎn)程服務(wù)器驗(yàn)證文件是否存在。

到這里,大概把jenkins部署vue項(xiàng)目步驟寫的差不多了

到此這篇關(guān)于jenkins自動(dòng)構(gòu)建發(fā)布vue項(xiàng)目的方法步驟的文章就介紹到這了,更多相關(guān)jenkins自動(dòng)構(gòu)建vue內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論