Blue Ocean 提供了一套可視化操作界面來幫助創(chuàng)建、編輯 Pipeline 任務(wù)；它為開發(fā)人員提供了更具樂趣 的 Jenkins 使用方式，從基礎(chǔ)開始構(gòu)建，實(shí)現(xiàn)了一種全新的、現(xiàn)代風(fēng)格的用戶界面，有助于任何規(guī)模的 團(tuán)隊(duì)實(shí)現(xiàn)持續(xù)交付。

Blue Ocean 特性：

• 流水線編輯器：用于創(chuàng)建貫穿始終的持續(xù)交付流水線，是一種直觀并可視化的流水線編輯器。

• 流水線的可視化：對(duì)流水線的可視化表示，提高了全企業(yè)范圍內(nèi)持續(xù)交付過程的清晰度。

• 流水線的診斷：即刻定位自動(dòng)化問題，無需持續(xù)掃描日志或關(guān)注多個(gè)屏幕。

• 個(gè)性化儀表盤：用戶可以自定義儀表盤，只顯示與自身相關(guān)的流水線。

安裝與啟動(dòng) Blue Ocean Blue

Ocean 是 Jenkins 插件之一，在系統(tǒng)管理->插件管理，"可選插件" 中搜索 "Blue Ocean" 可以看到 如下結(jié)果：

選中 Blue Ocean，然后單擊 Install 按鈕進(jìn)行安裝。安裝完成之后重啟 Jenkins 進(jìn)程，之后就可以在 Jenkins 頁面上看到 Blue Ocean 的圖標(biāo)。單擊 Blue Ocean 圖標(biāo)啟動(dòng)即可啟動(dòng) Blue Ocean。

在 Blue Ocean 中創(chuàng)建 Pipeline

在 Blue Ocean 中單擊 New Pipeline 創(chuàng)建新的流水線。

創(chuàng)建 Pipeline

如果你的倉(cāng)庫(kù)根目錄有 Jenkinsfile，則直接開始第一次構(gòu)建過程。如果倉(cāng)庫(kù)中不含 Jenkinsfile 則開啟 pipeline-editor，圖形化編輯工作流。

Blue Ocean 圖形化編輯工作流

編輯完后會(huì)生成 Jenkinsfile，并提交到你的代碼庫(kù)根目錄，你可以選擇提交到 master 分支或者提交到一 個(gè)新創(chuàng)建的分支。提交成功之后就會(huì)開始執(zhí)行一次完整的構(gòu)建過程。

Blue Ocean 創(chuàng)建 Pipeline 提交代碼庫(kù) & 運(yùn)行

由 Blue Ocean 生成的 Jenkinsfile 代碼會(huì)被保存到項(xiàng)目的 Github 代碼庫(kù)中，后期可以對(duì)其進(jìn)行編輯、 修改。 Blue Ocean 生成的 Jenkinsfile 代碼

在 Blue Ocean 中運(yùn)行構(gòu)建與視圖使用

運(yùn)行構(gòu)建

在 Blue Ocean 中打開 Pipeline 任務(wù)，單擊 Run 按鈕可以直接運(yùn)行該任務(wù)。

Blue Ocean 中運(yùn)行 Pipeline 任務(wù)

查看任務(wù)進(jìn)度視圖

在運(yùn)行 Pipeline 任務(wù)過程中可以單擊任務(wù)編號(hào)進(jìn)入任務(wù)詳情視圖查看圖形化進(jìn)度。

Blue Ocean 任務(wù)進(jìn)度查詢

查看日志視圖

單擊任務(wù)中對(duì)應(yīng)的工作節(jié)點(diǎn)，可以查詢?nèi)蝿?wù)運(yùn)行過程中的日志詳情。這些日志信息可以用于調(diào)試任務(wù)， 特別是在任務(wù)出錯(cuò)的時(shí)候，日志詳情可以幫助檢查任務(wù)出錯(cuò)的原因。

任務(wù)日志

使用 Blue Ocean 進(jìn)行單元測(cè)試與結(jié)果展示

對(duì)于包含單元測(cè)試的項(xiàng)目，Blue Ocean 可以運(yùn)行單元測(cè)試并對(duì)其結(jié)果進(jìn)行展示。下面用 java 單測(cè)項(xiàng)目 進(jìn)行舉例。

Pipeline 代碼實(shí)現(xiàn)

單測(cè)結(jié)果展示

在任務(wù)運(yùn)行完成之后，進(jìn)入 Tests 視圖查看測(cè)試運(yùn)行結(jié)果

單測(cè)結(jié)果展示