運(yùn)維實(shí)戰(zhàn)項(xiàng)目：Jenkins構(gòu)建Nodejs前端項(xiàng)目
作者：院長(zhǎng)技術(shù)
在Jenkins的CICD過程中，開發(fā)人員將代碼提交到版本控制系統(tǒng)（如Git）中，Jenkins通過持續(xù)監(jiān)控代碼倉(cāng)庫(kù)的變化，自動(dòng)觸發(fā)構(gòu)建、測(cè)試和部署流程。
Jenkins的CICD（持續(xù)集成/持續(xù)部署）概念是指通過自動(dòng)化的構(gòu)建、測(cè)試和部署流程，將代碼從開發(fā)到生產(chǎn)環(huán)境進(jìn)行集成和部署的一系列過程。CICD的目的是快速發(fā)現(xiàn)和修復(fù)代碼中的問題，提高軟件的質(zhì)量和交付速度。
在Jenkins的CICD過程中，開發(fā)人員將代碼提交到版本控制系統(tǒng)（如Git）中，Jenkins通過持續(xù)監(jiān)控代碼倉(cāng)庫(kù)的變化，自動(dòng)觸發(fā)構(gòu)建、測(cè)試和部署流程。這個(gè)過程包括編譯、單元測(cè)試、集成測(cè)試、代碼審查、打包和部署等環(huán)節(jié)。通過自動(dòng)化這些過程，Jenkins可以幫助團(tuán)隊(duì)快速發(fā)現(xiàn)和修復(fù)代碼中的問題，減少人工干預(yù)，提高開發(fā)效率和軟件質(zhì)量。
Jenkins的CICD過程可以通過各種插件進(jìn)行擴(kuò)展和定制，支持各種編程語言和開發(fā)工具。Jenkins還提供了可視化的界面，使得團(tuán)隊(duì)成員可以輕松地管理和監(jiān)控構(gòu)建、測(cè)試和部署的過程。通過Jenkins的CICD過程，團(tuán)隊(duì)可以更好地協(xié)作和快速交付高質(zhì)量的軟件產(chǎn)品。
安裝和配置Nodejs：
在Jenkins機(jī)器上安裝Nodejs，然后在Jenkins的全局工具配置中進(jìn)行設(shè)置安裝插件：
NodeJS PluginGitLab代碼倉(cāng)庫(kù)如下：
圖片
新建一個(gè)項(xiàng)目，名字為：bill-wap，類型為：自由風(fēng)格
圖片
圖片
#node版本
node -v
#npm版本
npm -v
#聲明環(huán)境變量
source /etc/profile
#清除緩存
cnpm cache verify
#安裝cnpm
cnpm install
#構(gòu)建項(xiàng)目
npm run build
#打包成.zip格式
zip -r dist.zip dist
注意：dist這個(gè)是構(gòu)建好生成的目錄，具體看當(dāng)時(shí)情況
圖片
點(diǎn)擊立即構(gòu)建
圖片
構(gòu)建過程
圖片
構(gòu)建完成
圖片
查看打包后的文件
[root@jenkins /var/lib/jenkins/workspace/bill-wap]#ll
total 2680
drwxr-xr-x 3 root root 54 Nov 2 17:22 dist
-rw-r--r-- 1 root root 2589225 Nov 2 17:22 dist.zip 這個(gè)就是打包的ZIP包
-rw-r--r-- 1 root root 191 Nov 2 16:40 Dockerfile
-rw-r--r-- 1 root root 605 Nov 2 16:40 index.html
drwxr-xr-x 266 root root 20480 Nov 2 16:41 node_modules
-rw-r--r-- 1 root root 1223 Nov 2 16:40 package.json
-rw-r--r-- 1 root root 98526 Nov 2 16:40 package-lock.json
drwxr-xr-x 2 root root 22 Nov 2 16:40 public
-rw-r--r-- 1 root root 1569 Nov 2 16:40 README.md
drwxr-xr-x 9 root root 153 Nov 2 16:40 src
-rw-r--r-- 1 root root 847 Nov 2 16:40 tsconfig.json
drwxr-xr-x 4 root root 112 Nov 2 16:40 typings
-rw-r--r-- 1 root root 1231 Nov 2 16:40 vite.config.ts責(zé)任編輯：武曉燕
來源：
院長(zhǎng)技術(shù)
