相信vue很多人都已經很熟悉了，利用腳手架很容易搭建一個vue項目
但項目多了以后每次部署測試環境就相當麻煩，還容易出錯
所以趁這兩天不忙，研究一下jenkins，也總算是入門了
jenkins官網傳送門
初步了解了jenkins是干什么的以后，直接開干
步驟：
0.服務器安裝JAVA，并配置環境變量
- 下載
打開oracle官網
我一般習慣新建一個文件夾專門用于存放安裝包文件（以個人喜好為準，可忽略）
cd /
// 創建并切換至安裝包文件夾
mkdir java-package && cd java-package
123
// 下載源文件
wget https://download.oracle.com/otn/java/jdk/8u261-b12/a4634525489241b9a9e1aa73d9e118e6/jdk-8u261-linux-x64.tar.gz?AuthParam=1602751770_7c097e4bf112ac61ba04b7a40aa7a988
12
由于該下載鏈接會失效，請自行去官網下載獲取下載鏈接
提示：wgwt下載jdk有坑（我是下載次數多了，后面直接無法不讓我下載了），建議下載到本地再上傳服務器
- 安裝
// 創建安裝目錄
mkdir /usr/local/java
// 解壓至安裝目錄
tar -zxvf jdk-8u261-linux-x64.tar.gz -C /usr/local
cd /usr/local
// 重命名
mv jdk-8u261-linux-x64 java
1234567
- 設置環境變量
- 打開文件
vim /etc/profile
1
- 添加你的路徑（別忘了保存）
# set for java
export JAVA_HOME=/usr/local/java
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
12345
- 執行命令使環境變量生效
source /etc/profile
1
- 添加軟鏈接
ln -s /usr/local/java/bin/java /usr/bin/java
1
- 檢查
java -version
1
我這里使已經安裝過的
1.服務器安裝jenkins
- 安裝各版本下載地址
cd /
mkdir jenkins-package && cd jenkins-package
wget https://pkg.jenkins.io/redhat/jenkins-2.156-1.1.noarch.rpm
rpm -ivh jenkins-2.156-1.1.noarch.rpm
1234
- 配置
修改監聽端口
vim /etc/sysconfig/jenkins
# 監聽端口
JENKINS_PORT="8080"
123
- 權限
使用root權限，避免后面出現權限不足問題
JENKINS_USER="root"
1
2.啟動jenkins服務
systemctl start jenkins
1
我第一次搭建的時候沒有java環境，一直報錯還不明所以
如果第一步java環境變量沒配置好，此處會報錯：
Starting Jenkins bash: /usr/bin/java: No such file or directory
1
瀏覽器輸入http:<ip或者域名>:8080訪問jenkins
如果無法訪問，請檢查防火墻、安全組是否放開
- 檢查jenkins運行狀態
// 查看jenkins運行狀態
systemctl status jenkins
12
可以看到jenkins是正常運行的
- 檢查防火墻
systemctl status firewalld
1
防火墻是開著的
// 查看是否開放8080端口
firewall-cmd --list-ports
// 如果沒有，配置8080端口
firewall-cmd --permanent --zone=public --add-port=8080/tcp
// 重啟防火墻
systemctl reload firewalld
123456
再訪問我們的8080，終于看到了這個界面解鎖jenkins，按提示在服務器上找到初始密碼，繼續下一步
- 此處可能會出現一直卡在SetupWiazrd階段，頁面一直 loading 或者白屏，經過各種baidu，google，發現可能原因是jenkins需要更新安裝一些組件，但是請求得不到相應。
解決辦法：瀏覽器訪問http:<ip或者域名>:8080/pluginManager/advanced如http://localhost:8080/pluginManager/advanced即http://updates.jenkins.io/update-center.json，點擊submit。然后重啟jenkinsservice jenkins restart，再來訪問我們的8080端口，解決了
此處我選擇推薦的插件進行安裝
有些可能會安裝失敗，先不用管，后面有需要再安裝
這里還有兩個步驟沒有截圖，按提示走即可
3.服務器安裝nodejs
由于我們要部署vue項目，那肯定少不了node環境
- 下載nodejs
nodejs下載地址
cd /
mkdir node-package && cd node-package
// 下載最新版nodejs
wget https://nodejs.org/dist/v12.19.0/node-v12.19.0-linux-x64.tar.xz
1234
// 解壓至/usr/local/nodejs
tar -xvf node-v12.19.0-linux-x64.tar.xz -C /usr/local/nodejs
12
// 創建軟連接
ln -s /usr/local/nodejs/bin/node /usr/local/bin/
ln -s /usr/local/nodejs/bin/npm /usr/local/bin/
123
// 檢查
node -v
npm -v
123
4.jenkins安裝git，node插件，并在系統設置里應用node
可能會看到很多報錯，沒關系，這些都是之前安裝失敗的，我們可以升級為最新版本
由于安裝了新的版本，再次登錄時如果剛才設置的密碼不對，就去找到服務器中的初始密碼，后面也可以在界面中修改密碼
點擊系統管理-插件管理-可選插件-輸入git，看你的源代碼是用什么管理的，我這里勾選了GitLab，和Gitlab Authentication，直接安裝
全局node插件配置
關于漢化：直接搜索插件Localization: Chinese進行安裝
5.jenkins創建項目，配置項目git源，配置構建腳本
注意：你的服務器需要安裝git，用于拉代碼
點擊新建，選擇構建自由風格的項目
源碼管理-選擇git
這里需添加 Credentials，輸入你的git用戶名和密碼
然后選擇一個Credentials，并選擇要構建的分支
構建環境
添加構建命令
最后別忘了保存
嘗試一次構建
你可以點進度條-控制臺輸出
每個項目的第一次構建由于需要下載依賴，過程會比較慢，后面就快很多了
可以看到success，打包成功，再去服務器查看打包文件
注意：打包時可能會遇到報錯permission denied權限問題
解決方案：
- 建立全局文件夾配置
mkdir ~/.npm-global
npm config set prefix '~/.npm-global'
123
- 修改環境變量
vi /etc/profile
# nodejs 配置
export PATH=~/.npm-global/bin:$PATH
// 激活環境變量
source /etc/profile
12345
再次構建
可以看到第一次構建和第二次構建的速度差異
至此：第一次折騰jenkins到此告一段落，可見過程并不復雜
