1. 程式人生 > >全新的 flow.ci Dashboard UI 上線

全新的 flow.ci Dashboard UI 上線

全新的 flow.ci Dashboard 頁面上線了,更快捷地建立專案,構建列表頁面新增分支,Pull Request 介面;側邊欄新增構建任務監控和專案監控,整個 Dashboard 介面煥然一新,一起來看看新版的變化吧~

更簡單快捷地建立專案

新版的建立專案預設選擇最近使用的程式碼倉庫和組織,建立專案的流程從上一版的「選擇專案-選擇程式碼倉庫-選擇組織-選擇專案」的 4 個步驟簡化成「選擇程式碼倉庫-選擇組織」兩步,同時左邊顯示個人賬號和組織,右邊顯示已經授權的專案,也更加清晰方便。

flow.ci

全新的構建列表頁面

建立專案後開始進行構建,整個構建列表頁面進行了重構,分別列出了“全部構建”“分支”“PullRequest”

三個頁面,以供構建者參考。首先,在全部構建裡可以篩選分支,選擇你想要關注的分支。

整個構建頁面以“構建任務”為核心,當構建任務完成時,能一目瞭然地看到構建 id 和分支名稱,構建狀態(失敗/成功/已停止)、相關的構建發起者和構建日誌,同時也可以在列表任務右側看到構建時間、構建時長、組織名稱。這裡值得一提的是,我們新添加了構建專案的倉庫連結,這樣很容易能看到上次提交的程式碼和這次更新的程式碼的對比,方便定位構建失敗的程式碼。

flow.ci

還有一個微小的細節,點選“只檢視我的提交”的按鈕,你可以更專注於自己的構建任務。

增加新的分支

進入分支頁面,分為關注分支和活躍分支,可預覽和彙總每個分支最近 5 次構建結果。

關注分支中預設關注 master 分支;活躍分支默認了展示最近構建次數較多的分支,可選擇標記置頂相對重要的分支。

更受關注的 Pull Request

我們發現開發者在構建過程中會比較關注 Pull Request 的構建結果,單獨列出來會更方便檢視。在每條 Pull Request 構建結果的右側,也添加了構建專案的倉庫連結,與 Pull Request 構建的分支一一對應定位,方便檢視程式碼構建的改動。

flow.ci

更輕易地監控構建結果

細心的人肯定發現了右上角新增加的監控圖示,點開會呈現跨專案的構建任務和最近 20 次的構建;專案監控可檢視組織下各個專案的構建狀態,同時展現最近一次的專案構建狀態和結果,點選可直接跳轉到具體的 job 日誌頁面。

這是新版的 Dashboard 頁面的改版,希望你會喜歡,在使用過程中有任何反饋通過網站[線上訊息]或者來flow.ci 社群找到我們。

Enjoy :)