今天分享Ubuntu環(huán)境Jenkins部署前端vue項目

一、插件安裝

1、前端項目依賴nodejs，需要安裝相關(guān)插件

點擊插件管理，輸入node模糊查詢

選擇NodeJS安裝

?安裝成功

2、配置nodejs

點擊后進入

點擊新增 NodeJS?

配置腳手架類型：如果不填 默認npm ，目前流行配置 yarn

?

無論使用npm還是yarn均要在服務(wù)器上安裝插件，命令如下

apt install npm 
#或者
apt install cmdtest #yarn的腳手架npm install -g yarn #yarn的腳手架

安裝之前可以先驗證一下是否已經(jīng)安裝：

npm -versionyarn --version

??先自動安裝，點擊保存。?

3、開始創(chuàng)建前端項目任務(wù)，點擊新建Item

4、配置分支

選擇

填寫

5、配置源碼地址

配置分支占位符:$branch??

?注意:此處占位符一定要填，否則，構(gòu)件時，無論你選擇哪個分支，最后都是執(zhí)行的master分支。?

6、配置構(gòu)件環(huán)境

選中后默認填充?

7、開始構(gòu)建

選擇

進入

填上腳本

yarn
yarn run build
rm -rf /data/app/dist/*
cp -rf /var/lib/jenkins/workspace/test_vue/dist /data/app/

也可以不復(fù)制，nginx直接指向?：/var/lib/jenkins/workspace/test_vue/dist

這樣減少節(jié)約資源，具體業(yè)務(wù)，具體情況。

8、然后構(gòu)建時報錯：

此處是nidejs版本問題，現(xiàn)在是21.5，需要調(diào)整到8-18行就行

繼續(xù)構(gòu)件出現(xiàn)文件權(quán)限問題

配置權(quán)限

vim /etc/default/jenkins

找到

均改成 root? ，然后

chown -R root:root /var/lib/jenkins
chown -R root:root /var/cache/jenkins
chown -R root:root /var/log/jenkins
chown -R root:root /data/app/dist

重新構(gòu)建，又報錯

繼續(xù)查看

?好像看不到原因，繼續(xù)查看jenkin啟動日志

sudo journalctl -xe | grep jenkins

看到關(guān)鍵信息

?還是權(quán)限問題

sudo useradd -m jenkins
sudo groupadd jenkins
sudo usermod -a -G jenkins jenkinssudo chown -R jenkins:jenkins /var/lib/jenkins
sudo chown -R jenkins:jenkins /var/cache/jenkins 
sudo chown -R jenkins:jenkins /var/log/jenkins
sudo chown -R jenkins:jenkins /data/app/dist   

重啟jenkins服務(wù)器：

cd /etc/init.d/./jenkins status./jenkins stop./jenkins start

或者新版本

vim /usr/lib/systemd/system/jenkins.servicesystemctl daemon-reloadsystemctl start jenkins.servicesystemctl stop jenkins.servicesystemctl status jenkins.service#設(shè)置開機自啟
systemctl enable jenkins.service## 服務(wù)關(guān)閉自動啟動
systemctl disable jenkins.service## 檢查服務(wù)狀態(tài)
systemctl status jenkins.service## 顯示所有已啟動的服務(wù)
systemctl list-units  --type=servicenetstat -ntap | grep 8080

?或者

systemctl enable jenkins
systemctl start jenkins
systemctl status jenkin

或者

sudo service jenkins startsudo service jenkins start|stop|restart

最后重新構(gòu)建，就成功了。

到此，Linux之Ubuntu環(huán)境Jenkins部署前端項目分享完畢，下篇我們分享其更高級的用法，敬請期待！