Jenkins自動化部署nodejs項目(前端項目)

1、Node.js簡介

Node.js是在前端頁面開發中十分受歡迎的,它是一套用來編寫高性能網絡服務器的JavaScript工具包,簡單說,這裏的nodejs項目指的就是前端項目!前端

2、實驗環境

Jenkins自動化部署nodejs項目(前端項目)

3、實驗步驟

1.安裝nodejs插件

"系統管理"--"管理插件"--"可選插件"
Jenkins自動化部署nodejs項目(前端項目)node

2.Linux系統安裝nodejs

(1)去nodejs官網下載最新包

官網下載地址:https://nodejs.org/dist/latest/
wget https://nodejs.org/dist/latest/node-v11.14.0-linux-x64.tar.gzlinux

Jenkins自動化部署nodejs項目(前端項目)

(2)解壓安裝

tar xvzf node-v11.14.0-linux-x64.tar.gz -C /optshell

(3)修改環境變量

vim /etc/profile
export PATH=/opt/node-v11.14.0-linux-x64/bin:$PATHnpm

(4)刷新環境變量,使其生效

source /etc/profilevim

(5) 安裝cnpm與配置淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org緩存

Jenkins自動化部署nodejs項目(前端項目)

(6) 查看npm,cnpm,node版本號

Jenkins自動化部署nodejs項目(前端項目)

npm和 cnpm區別:
npm(node package manager)是nodejs的包管理器,用於node插件管理(包括安裝、卸載、管理依賴等) npm安裝插件過程:從http://registry.npmjs.org下載對應的插件包(該網站服務器位於國外,因此常常下載緩慢或出現異常)。
cnpm是國內的淘寶團隊分享的鏡像,同步頻率目前爲 10分鐘 一次以保證儘可能與官方服務同步。
cnpm跟npm用法徹底一致,只是在執行命令時將npm改成cnpm。服務器

3.Jenkins 上nodejs 配置

"系統管理"--"全局工具設置"---" NodeJS 安裝"網絡

Jenkins自動化部署nodejs項目(前端項目)

4.NodeJS項目配置

(1)新建任務

Jenkins自動化部署nodejs項目(前端項目)

(2)先輸入任務名稱,再選擇構建項目類型,最後點擊肯定

Jenkins自動化部署nodejs項目(前端項目)

注意:這裏選「構建一個自由風格的軟件項目」ide

(3)丟棄舊的構建

Jenkins自動化部署nodejs項目(前端項目)

(4)svn設置

Jenkins自動化部署nodejs項目(前端項目)

(5)構建環境設置

Jenkins自動化部署nodejs項目(前端項目)

(6)構建:執行shell,保存

source /etc/profile #聲明環境變量
cnpm cache verify #清除緩存
cnpm install #安裝cnpm
cnpm run build:prod -- --dev #構建項目
zip -r dist.zip dist #打包成.zip格式

Jenkins自動化部署nodejs項目(前端項目)

5.構建nodejs項目

(1)配置完成後,在該項目下,點擊當即構建

Jenkins自動化部署nodejs項目(前端項目)

(2)在構建歷史最新一個,右鍵選擇控制檯輸出,查看構建過程

Jenkins自動化部署nodejs項目(前端項目)
Jenkins自動化部署nodejs項目(前端項目)
Jenkins自動化部署nodejs項目(前端項目)

6.查看項目構建結果

Jenkins自動化部署nodejs項目(前端項目)

Jenkins自動化部署nodejs項目(前端項目)

舒適提示:

1.建議nodejs插件在Linux系統提早安裝上,在線安裝會很是慢。
2.npm和cnpm區別來自 http://www.javashuo.com/article/p-mzatzoxk-ez.html, 因此這裏採用的是cnmp命令安裝插件。
3.cnpm run build:prod -- --dev 這條命令以公司具體svn設置爲準,僅供參考。
4.因本公司只須要對nodejs項目打包便可,這篇博客沒寫上傳服務器的相關配置,如要須要,可參考 https://www.jianshu.com/p/90c04ceff2da

相關文章
相關標籤/搜索