欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jenkins自動構(gòu)建發(fā)布vue項目的方法步驟

 更新時間：2021年01月04日 11:42:52   作者：陌筱明  
這篇文章主要介紹了jenkins自動構(gòu)建發(fā)布vue項目的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

簡介

Jenkins是一個開源的、提供友好操作界面的持續(xù)集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持續(xù)、自動的構(gòu)建/測試軟件項目、監(jiān)控外部任務(wù)的運行（這個比較抽象，暫且寫上，不做解釋）。Jenkins用Java語言編寫，可在Tomcat等流行的servlet容器中運行，也可獨立運行。通常與版本管理工具(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)證失敗,再啟動命令后面加上- -nogpgcheck

yum install -y jenkins --nogpgcheck

3.配置jenkis的端口

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

4.啟動jenkins

# start 啟動 stop停止,restart重啟
service jenkins start/stop/restart

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

5.打開jenkins

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

在這里插入圖片描述

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

6.安裝插件

登陸進去之后,然后就開始安裝推薦插件了.

在這里插入圖片描述

發(fā)布vue項目

1.安裝插件

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

安裝NodeJS插件

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

在這里插入圖片描述

安裝連接SSH的插件

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

在這里插入圖片描述

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

Deploy to container插件用于把打包的應(yīng)用發(fā)布到遠程服務(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

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

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

在這里插入圖片描述

手動下載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/ 頁面去找你們對應(yīng)的版本文件
建議別用網(wǎng)頁下載,網(wǎng)頁下載特別慢,打開迅雷把文件鏈接放進去幾秒鐘就下完了.

#把下載好的壓縮包上傳到服務(wù)器的這個目錄下面
/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賬號密碼信息

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

在這里插入圖片描述

點擊Jenkins

在這里插入圖片描述

點擊全局憑據(jù)

在這里插入圖片描述

點擊添加憑據(jù)

在這里插入圖片描述

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

在這里插入圖片描述

4.新建任務(wù)

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

在這里插入圖片描述

配置git地址和憑證信息

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

在這里插入圖片描述

指定分支

在這里插入圖片描述

設(shè)置項目的自動發(fā)布的觸發(fā)條件

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

在這里插入圖片描述

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

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

在這里插入圖片描述

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

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

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

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

在這里插入圖片描述

把構(gòu)建項目的命令放進去,然后點擊保存就行

在這里插入圖片描述

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

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

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

立即構(gòu)建項目

1.點擊我的視圖

在這里插入圖片描述

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

在這里插入圖片描述

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

在這里插入圖片描述

4.點擊查看控制臺日志

在這里插入圖片描述

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

在這里插入圖片描述

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

在這里插入圖片描述

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

在這里插入圖片描述

發(fā)布項目到遠程服務(wù)器 需要先設(shè)置遠程服務(wù)器的host,賬號,密碼

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

在這里插入圖片描述

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

在這里插入圖片描述

參數(shù)說明

字段 描述
Passphrase 服務(wù)器的密碼
Path to key 連接遠程服務(wù)器密鑰文件的路徑
Key 密鑰文件的內(nèi)容
Name 自定義服務(wù)器名
HostName 服務(wù)器IP外網(wǎng)地址
UserName 服務(wù)器用戶名
Remote Directory 連接上ssh后的默認(rèn)路徑

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

比上面寫的單機部署的少了cp命令,多個打包命令

在這里插入圖片描述

#加載依賴
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)建后操作

點擊增加構(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ù)說明

字段 描述
Source files 項目構(gòu)建后在工作空間的相對目錄(我這邊構(gòu)建時候打包的文件名是ocrweb,所以填寫的 dist/ocrweb.tar.gz)
Remove prefix 去前綴 (如果不去除的話,會在發(fā)布的目錄后面新增dist目錄)
Remote directoty 發(fā)布的目錄 (系統(tǒng)配置的路徑/這個目錄, 由于我配置ssh根路徑寫了/,所以我這里寫的路徑是usr/local/nginx/jenkins/www/ocrweb)
Exec command 發(fā)布完執(zhí)行的命令 (先cd切換到文件發(fā)布的目錄,然后執(zhí)行解壓操作,然后刪除壓縮包)

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

在這里插入圖片描述

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

在這里插入圖片描述

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

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

相關(guān)文章

最新評論