Jenkins - 打造強大的前端自動化工作流
highlight: rainbow theme: cyanosis
什麼是 Jenkins?
Jenkins 是一款業界流行的開源持續整合工具,廣泛用於專案開發,具有自動化構建、測試和部署等功能。我們可以利用 Jenkins 來對專案的持續性整合進行管控處理。
Jenkins 任務的建立
這裡就簡單不再累贅說明 Jenkins 的安裝啟動和賬號的配置等初始化動作了。
1. 新建任務
根據實際用途選擇型別,這裡選擇第一個“構建一個自由風格的軟體專案”;輸入名稱點選確定按鈕建立空的一個構建任務。
建立完成後接著配置專案構建任務的配置。
觸發 git hook 的回撥功能
git hook 就是我們向github/碼雲等遠端倉庫push我們的程式碼時,jenkins能知道我們提交了程式碼,這是自動構建自動部署的前提,鉤子的實現原理是在遠端倉庫上配置一個Jenkins伺服器的介面地址,當本地向遠端倉庫發起push時,遠端倉庫會向配置的Jenkins伺服器的介面地址發起一個帶引數的請求,jenkins 收到後開始工作。
1. 配置 git 賬號和倉庫等配置
開啟剛建立的任務,選擇配置,新增遠端倉庫地址,配置登入名及密碼及分支。
2. 新增觸發器
若在任務配置中沒找到如下圖的模組,則需要先安裝 Generic Webhook Trigger Plugin 外掛(系統管理-外掛管理-搜尋Generic Webhook Trigger Plugin)如果可選外掛列表為空,點選高階標籤頁,替換升級站點的URL為:http://mirror.xmission.com/jenkins/updates/update-center.json
並且點選提交和立即獲取。
3. git 倉庫配置鉤子
需要在上面第二步中提示的 Url 和 Gitee WebHook 密碼 同時配置到倉庫當中。
實現專案的自動化構建與部署
1. 配置構建的環境
配置構建的環境需要先配置 Jenkins 所含有的 node 環境;需要進入(系統管理-全域性工具設定- NodeJS 安裝)進行所需的 node 版本。
開啟剛剛的 Jenkins 任務,點選配置裡面的構建環境,勾選圖中紅色方框的這個選項,並指定一個 node 版本。
2. 配置構建、部署指令碼
點選構建,選擇 “執行 shell” 選項,把要執行的 shell 指令碼命令輸進去,多個命令使用 && 分開;
這裡僅簡略寫一些演示指令碼,具體構建、部署指令碼依照實際情況編寫。
例如:
- 安裝專案依賴、執行 build 命令構建專案
- 構建完成後拷貝相關資源到專案目錄
實現構建和部署後的訊息提醒
這裡我們使用 Extended E-mail Notification 該外掛來擴充套件實現構建部署後的訊息提醒。
- 開啟系統管理-系統配置-Extended E-mail Notification,不是系統管理-系統配置-郵件通知,注意這裡是配置用來發郵件的郵箱!
- 開啟建立的那個任務,增加構建後操作步驟選擇 Editable Email Notification,Project Recipient List那裡寫你要發給誰郵件,可以多個,用分號隔開。
- 然後點選 Advanced Settings-Triggers-Add Trigger(即上圖的右下角的“Advanced Settings...”按鈕),選擇always,意思是無論什麼情況任務執行完就發郵件,也可以選擇其他模式,如任務執行異常了才發郵件。
這裡配置的接收郵件的地址是上圖中所配置的接收郵件使用者列表,這個可以根據實際進行調配。