阿里雲伺服器配置Jenkins自動打包部署vue專案(新手攻略第二彈)

Jenkins是直接部署到阿里雲伺服器ECS上的, 伺服器系統: CentOS 7.2 64位

第一步: 伺服器安裝Java

jenkins是執行在java環境中的,所以要先安裝java,配置java環境變數後才能使用。

• 解除安裝系統自帶的jdk

// 查詢系統jdk 
rpm -qa|grep java 

// 如果查詢到了 先全部解除安裝了在重新安裝
rpm -e --allmatches --nodeps java包名
// 例如
rpm -e --allmatches --nodeps java-1.8.0-openjdk-1.8.0.212.b04-0.el7_6.x86_64

//檢查是否解除安裝乾淨
[root@VM_0_2_centos ~]#  rpm -qa|grep java 
複製程式碼

• 查詢yum下可更新的Java列表

yum -y list java*
//或者
yum search jdk
複製程式碼

• 安裝java

yum install -y java-1.8.0-openjdk.x86_64
//驗證完成安裝
java -version
複製程式碼

• 配置環境變數

// 開啟檔案
vi /etc/profile  

// i 進入編輯模式
// 檔案末尾加入以下內容
export JAVA_HOME=/usr/lib/jvm/jre-1.8.0-openjdk
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

// 點選鍵盤ESC鍵 輸入 :wq // 退出並儲存
複製程式碼

//使配置檔案生效
source /etc/profile 
source ~/.bash_profile
//或重啟機器配置生效
reboot
複製程式碼

伺服器安裝Jenkins

• 檢查是否安裝好Java

java -version // 如果沒有出現版本號請按照上述步驟重新安裝
複製程式碼

• 獲取jenkins安裝原始檔

wget -O /etc/yum.repos.d/jenkins.repo http://pkg.jenkins-ci.org/redhat/jenkins.repo
複製程式碼

• 匯入公鑰 (如果報錯，多執行幾次就好了)

yum -y update nss
rpm --import https://jenkins-ci.org/redhat/jenkins-ci.org.key
複製程式碼

• 安裝Jenkins

yum install -y jenkins   // 看網速需要等待一會
複製程式碼

• 配置檔案修改( 預設埠為8080)

vim /etc/sysconfig/jenkins
// 修改了預設埠為 8888
// 修改了使用者名稱為 root
// 如果沒被佔用你可以不改
複製程式碼

• 啟動Jenkins

 service jenkins start
複製程式碼

啟動 jenkins

• 瀏覽器輸入 http://ip:8888， ip:伺服器外網ip地址 例：47.16.213.xxx:8888

• 等待一會之後 提示你輸入管理員密碼

// 開啟伺服器輸入上述的命令
vi /var/lib/jenkins/secrets/initialAdminPassword
複製程式碼

複製管裡面密碼到頁面

• 安裝外掛

• 點選推薦安裝,稍等片刻，會出現

這個時候安裝的的外掛會比較多，耗時有點久。耐心等待。
安裝完外掛之後 建立第一個管理員使用者
複製程式碼

繼續點選儲存並完成

點選開始使用 jenkins 這個時候 jenkins就已經配置成功了。

Jenkins建立一個構建任務

這裡我程式碼倉庫用的是GitHub(碼雲也一樣的)

輸入倉庫地址。因為倉庫是私有的所以會有報錯提示 這裡要新增Credentials。就是你碼雲或者github賬號。

這裡可以填一下要構建的分支

回到首頁 ==> 就會看到一個 tomato-admin 的構建任務

點選立即構建

jenkins構建任務已經完成

配置 Jenkins 構建時執行的shell指令碼

點選配置

點選增加構建步驟

點選執行shell

輸入shell命令

// 下載工作區npm依賴包
npm install
// 刪除dist目錄下的所有檔案,dist目錄即為當前jenkins工作區打包後的檔案
rm -rf ./dist/*
// 執行打包命令
npm run build
// 刪除伺服器上/usr/local/apache2/htdocs/tomato資料夾下的所有檔案
rm -rf /usr/local/apache2/htdocs/tomato/*
// 把當前構建工作區dist目錄裡的檔案 copy 到伺服器/usr/local/apache2/htdocs/tomato資料夾下
cp -rf ./dist/* /usr/local/apache2/htdocs/tomato
複製程式碼

儲存後點選立即構建嗎, 發現構建報錯了(紅色圓點即為構建失敗,藍色成功)

點選進入此次構建詳情 => 點選控制檯輸出 => 檢視報錯資訊

Jenkins預設是沒有安裝node外掛的,所有沒有npm命令 手動安裝node外掛

安裝成功後點選全域性工具配置

新增NodeJS

返回tomato-admin配置空間,點選構建環境

儲存後點選立即構建 第一次構建 會執行 npm install 下載很多包 會很慢

這樣就構建成功了 通過域名或者瀏覽器去訪問資料夾名稱即可

// http://zhihuifanqiechaodan.com/tomato
複製程式碼

雲伺服器ECS 系列相關文章

阿里雲伺服器ECS配置及LAMP環境搭建及配置(新手攻略第一彈)