上雲利器,應用編排設計器之快到極致
前言 在前面的文章中,我們已經提到,華為雲有一個上雲利器:應用編排設計器。作為華為雲應用編排服務與使用者溝通的橋樑,設計器堅持使用者體驗至上的理念,以圖形化方式,在滑鼠點選之間,助力企業快速上雲。優質的互動體驗,單手即可操作,讓您邊喝咖啡邊上雲。那麼設計器的快,到底體現在哪些方面?下面我們就來聊一聊,設計器如何把快做到極致。 快速響應 俗話說,外在決定了是否要了解內在,使用者對產品的印象,很大程度上取決於使用者看到的第一眼介面。因此,一個能夠快速呈現,乾淨簡潔的介面是我們首先要考慮的。設計器充分考慮到瀏覽器渲染頁面的機制,依照“做的越少,響應越快”的原則,在技術層面上做了如下優化: a) 程式碼優化,按照CSS在前,JS在後的順序載入頁面,保證頁面的快速呈現,防止JS載入時阻塞頁面。 b) 程式碼充分的合併和壓縮,儘可能的減少資料傳輸量 c) 減少HTTP請求數量,首頁僅需載入靜態檔案。 d) 90%的使用者操作均在前端進行,不會涉及後臺互動 e) 啟用快取 快速引導
快速佈局 設計器作為一個圖形化的編輯器,為使用者打造一個視覺化的應用模型,是我們的一大亮點。使用者通過滑鼠的點選和拖拽,即可完成對應用模型的搭建。當然設計器做的不止這些,我們要做的是,幫助使用者快速的搭建自己的應用。為此,設計器在圖形化操作上做了一系列的優化: a) 邊框自動伸縮:智慧判斷佈局空間,自動伸縮邊框大小,省去使用者反覆調整邊框的操作 b) 資源複製:快速克隆一組資源,效率成倍提升 c) 一鍵美顏:佈局太亂,不美觀怎麼辦?試下一鍵美顏功能,一鍵式佈局。 d) 撤銷/重做:操作錯了怎麼辦?撤銷/重做功能幫你快速恢復,解決後顧之憂。
快速編輯 作為應用編排服務的設計器,對模板的編輯能力必不可少。傳統的手寫模板,不僅耗時耗力,而且對編寫者的門檻要求比較高。編寫者要充分了解各種資源的屬性資訊和關聯關係,還要具備一定的YAML和JSON的語法能力。這很大程度上加大了產品的使用難度,使得大部分使用者只能望而卻步。設計器抓住這一痛點,為模板的編輯功能添加了很多使用技巧和優化: a) 屬性智慧提示:對於選中的資源,屬性欄中實時顯示該資源包含的屬性資訊,包括取值說明,使用建議等等。 b) 必選屬性自動新增:對於資源的必選屬性,設計器會盡可能的附帶預設值,減輕使用者編寫負擔 c) 可選屬性一鍵新增:對於資源的可選屬性,可根據需要一鍵新增 d) 關聯關係自動補全:資源之間的關聯關係跟隨應用模型設計自動聯動 e) 函式智慧輔助:常用函式進行提示,並支援一鍵新增 f) 一鍵生成/更新inputs:模板輸入引數,一鍵式生成 g) 實時程式碼提示:作為一個優質的編輯器,程式碼提示功能必不可少 h) 語法實時校驗和提示:實時校驗,語法有問題實時提示,專治語法不熟悉,手誤等疑難雜症。
結束語 在應用編排設計器中,還有很多優化的細節,這裡就不一一細說了。設計器致力於不斷提升使用者體驗,持續的進行細節優化,努力為客戶打造上雲利器,幫助更多企業快速上雲。