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，意思是無論什麼情況任務執行完就發郵件，也可以選擇其他模式，如任務執行異常了才發郵件。
這裡配置的接收郵件的地址是上圖中所配置的接收郵件使用者列表，這個可以根據實際進行調配。