運維實戰項目：Jenkins構建Nodejs前端項目
作者：院長技術
在Jenkins的CICD過程中，開發人員將代碼提交到版本控制系統（如Git）中，Jenkins通過持續監控代碼倉庫的變化，自動觸發構建、測試和部署流程。
Jenkins的CICD（持續集成/持續部署）概念是指通過自動化的構建、測試和部署流程，將代碼從開發到生產環境進行集成和部署的一系列過程。CICD的目的是快速發現和修復代碼中的問題，提高軟件的質量和交付速度。
在Jenkins的CICD過程中，開發人員將代碼提交到版本控制系統（如Git）中，Jenkins通過持續監控代碼倉庫的變化，自動觸發構建、測試和部署流程。這個過程包括編譯、單元測試、集成測試、代碼審查、打包和部署等環節。通過自動化這些過程，Jenkins可以幫助團隊快速發現和修復代碼中的問題，減少人工干預，提高開發效率和軟件質量。
Jenkins的CICD過程可以通過各種插件進行擴展和定制，支持各種編程語言和開發工具。Jenkins還提供了可視化的界面，使得團隊成員可以輕松地管理和監控構建、測試和部署的過程。通過Jenkins的CICD過程，團隊可以更好地協作和快速交付高質量的軟件產品。
安裝和配置Nodejs：
在Jenkins機器上安裝Nodejs，然后在Jenkins的全局工具配置中進行設置安裝插件：
NodeJS PluginGitLab代碼倉庫如下：
圖片
新建一個項目，名字為：bill-wap，類型為：自由風格
圖片
圖片
#node版本
node -v
#npm版本
npm -v
#聲明環境變量
source /etc/profile
#清除緩存
cnpm cache verify
#安裝cnpm
cnpm install
#構建項目
npm run build
#打包成.zip格式
zip -r dist.zip dist
注意：dist這個是構建好生成的目錄，具體看當時情況
圖片
點擊立即構建
圖片
構建過程
圖片
構建完成
圖片
查看打包后的文件
[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 這個就是打包的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責任編輯：武曉燕
來源：
院長技術
