云服務器Jenkins部署Springboot項目及Vue項目的詳細過程
一、創(chuàng)建Springboot項目并且上傳git
在gitee上創(chuàng)建一個倉庫

點擊初始化倉庫

在idea克隆gitee倉庫

創(chuàng)建一個普通的Springboot項目只需要勾選springweb


上傳創(chuàng)建的新模塊到gitee倉庫

二、安裝Maven
maven的官網(wǎng)地址:https://maven.apache.org/download.cgi

點擊下載并且上傳到linux服務器上

使用下面的命令解壓maven
tar -zvxf apache-maven-3.9.9-bin.tar.gz
進入maven,需要把剛剛解壓出來的文件移動到 /usr/local目錄下

編輯maven的settings.xml文件,配置阿里云倉庫進行可以加快下載依賴的速度
vim conf/settings.xml
添加如下的代碼到settings.xml文件中
<mirror>
<id>aliyunmaven</id>
<mirrorOf>*</mirrorOf>
<name>aliyun</name>
<url>https://maven.aliyun.com/repository/public</url>
</mirror>在/etc/profile中添加maven環(huán)境依賴
vim /etc/profile
export MAVEN_HOME=/usr/local/apache-maven-3.9.9 export PATH=$MAVEN_HOME/bin:$PATH
重新加載/etc/profile文件
source /etc/profile
到此以安裝完成,測試一下,輸入命令:mvn -v ,如下:

三、安裝Maven插件
在jenkins中安裝maven插件,在Available plugins中搜索maven并且下載,這個地方我之前就下載了就無法顯示全過程了。

配置Maven

四、配置Gitee插件以及配置Gitee
安裝Gitee插件和之前的Maven插件安裝的步驟是一致的。

點擊添加

添加完進行測試

配置SSH公鑰為了防止服務器在拉取git代碼的時候還需要輸入用戶名密碼

在云服務器上添加公鑰,SSH 公鑰設置 | Gitee 幫助中心,根據(jù)此文檔可以直接配置完成

五、jenkins創(chuàng)建任務(Springboot項目)
新建任務

任務配置
5.1 配置源碼管理
只需要填寫下面標記出來的地方

5.2 構建觸發(fā)器
在Gitee中配置webhook,進入倉庫的管理頁面

url地址

密碼

5.3 build配置
pom.xml的地址需要是你倉庫中的pom.xml的地址

5.4 Post Steps構建完操作
需要在pom.xml文件中添加最后構建出來的名字

BUILD_ID=DONTKILLME
#!/bin/bash
#!APP_ID="my-boot"
#!APP_DIR="/data/app"
pkill -f 'java -jar /root/.jenkins/workspace/jenkins-test/jenkins-test/target/jenkinsTest.jar'
nohup java -jar /root/.jenkins/workspace/jenkins-test/jenkins-test/target/jenkinsTest.jar > release_out.log &
start_ok=false
if [[ $? = 0 ]];then
sleep 3
tail -n 10 release_out.log
sleep 5
tail -n 50 release_out.log
fi
aaa=`grep "Started" release_out.log | awk '{print $1}'`
if [[ -n "${aaa}" ]];then
echo "Application started ok"
exit 0
else
echo "Application started error"
exit 1
fi
運行成功

六、jenkins創(chuàng)建自由風格項目(Vue項目)
首先需要在云服務器上安裝配置nodejs環(huán)境以及nginx環(huán)境。
#啟動腳本是在
# /usr/local/nginx/sbin/nginx
#啟動,
/usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
#停止
/usr/local/nginx/sbin/nginx -s stop
#重載
/usr/local/nginx/sbin/nginx -s reload
#殺掉nginx
/usr/local/nginx/sbin/nginx -s quit

6.1 配置nodejs插件
首先需要下載nodejs插件和之前一致
配置nodejs地址,需要換成你自己的nodejs的地址

6.2 新建一個普通任務

6.3 配置源碼地址

6.4 構建環(huán)境

6.5 Build Steps
shell腳本配置
cd /root/.jenkins/workspace/vizFlowWeb/vue-project npm install npm run build rm -rf /usr/local/nginx/html/dist cp -r /root/.jenkins/workspace/vizFlowWeb/vue-project/dist /usr/local/nginx/html/dist/ /usr/local/nginx/sbin/nginx -s reload
cd /root/.jenkins/workspace/vizFlowWeb/vue-project:切換當前工作目錄到/root/.jenkins/workspace/vizFlowWeb/vue-project。這個目錄路徑可能是Jenkins自動化服務器上一個特定的工作空間。
npm install:在當前目錄下安裝項目所需的依賴。這是Node.js的包管理器npm的命令,用于下載項目package.json文件中列出的所有依賴。
npm run build:運行package.json文件中定義的build腳本。這通常是用來構建Vue項目,將源代碼編譯成可以在瀏覽器中運行的靜態(tài)資源。
rm -rf /usr/local/nginx/html/dist:刪除/usr/local/nginx/html/dist目錄及其所有內(nèi)容。rm -rf是一個非常強力的刪除命令,-r表示遞歸刪除目錄及其內(nèi)容,-f表示強制執(zhí)行。
cp -r /root/.jenkins/workspace/vizFlowWeb/vue-project/dist /usr/local/nginx/html/dist/:將構建好的Vue項目(位于dist目錄)復制到Nginx服務器的靜態(tài)資源目錄下。cp是復制命令,-r表示遞歸復制目錄及其內(nèi)容。
/usr/local/nginx/sbin/nginx -s reload:重新加載Nginx服務器的配置文件,使更改生效。-s reload參數(shù)告訴Nginx平滑重啟,不中斷當前的連接。
到此這篇關于云服務器Jenkins部署Springboot項目以及Vue項目的文章就介紹到這了,更多相關Jenkins部署Springboot項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!
相關文章
如何在 K8S 中使用 Values 文件定制不同環(huán)境下的應用配置
Kubernetes是一個開源的容器編排平臺,它可以自動化容器的部署、擴展和管理,在 K8s 中,應用程序通常以容器的形式運行,這些容器被組織在不同的資源對象中,這篇文章主要介紹了如何在 K8S 中使用 Values 文件定制不同環(huán)境下的應用配置,需要的朋友可以參考下2025-03-03
k8s:pod has unbound PersistentVolumeClaims問題及
部署redis-ha時,Pod因PVC未綁定報錯,原因在于value.yaml中storageClassName為空,且未啟用DefaultDefaultStorageClass,解決方法是手動指定PVC的StorageClassName為現(xiàn)有存儲類,確保PV分配成功2025-07-07
在K8s內(nèi)部實現(xiàn)安全的網(wǎng)絡隔離方式
Kubernetes網(wǎng)絡策略通過定義Pod之間的流量規(guī)則,實現(xiàn)安全隔離和最小權限訪問,本文詳細介紹了網(wǎng)絡策略的基本概念、工作原理、配置方法及最佳實踐,幫助構建更加安全的集群網(wǎng)絡環(huán)境2026-01-01
Rainbond對前端項目Vue及React的持續(xù)部署
這篇文章主要為大家介紹了Rainbond對前端項目Vue及React的持續(xù)部署,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-04-04

