阿里雲服務器配置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環境搭建及配置(新手攻略第一彈)