上雲利器，應用編排設計器快到極致

應用上雲，怎能沒有容器！點擊上方

容器魔方

前言

在前面的文章中，我們已經提到，

華為雲有一個上雲利器：應用編排設計器

。

作為華為雲應用編排服務與用戶溝通的橋樑，設計器堅持用戶體驗至上的理念，以圖形化方式，在滑鼠點擊之間，助力企業快速上雲。優質的交互體驗，單手即可操作，讓您邊喝咖啡邊上雲。

那麼設計器的快，到底體現在哪些方面？下面我們就來聊一聊，設計器如何把快做到極致。

快速響應

俗話說，外在決定了是否要了解內在，用戶對產品的印象，很大程度上取決於用戶看到的第一眼界面。因此，一個能夠快速呈現，乾淨簡潔的界面是我們首先要考慮的。設計器充分考慮到瀏覽器渲染頁面的機制，依照「做的越少，響應越快」的原則，

在技術層面上做了如下優化：

a)

代碼優化，按照CSS在前，JS在後的順序載入頁面，保證頁面的快速呈現，防止JS載入時阻塞頁面。

b)

代碼充分的合併和壓縮，儘可能的減少數據傳輸量

c)

減少HTTP請求數量，首頁僅需載入靜態文件。

d)

90%的用戶操作均在前端進行，不會涉及後台交互

e)

啟用緩存

快速引導

對於新用戶來說，能夠快速上手很重要。只有真正的使用了產品，才能對產品有更好的了解，才能獲取更優質的體驗。依照「所見即所得」的原則，我們要保證用戶能夠快速的獲取需要的信息，並引導用戶的操作。為此，

設計器在交互上做了如下優化：

a)

首次載入，彈出引導頁面，引導用戶快速了解設計器各個功能組件

b)

資源列表歸類分組展示，常用資源優先展示，幫助用戶快速找到需要的資源

c)

拖拽智能輔助，可以包含的資源高亮顯示

d)

連線智能輔助，可以建立關係的資源高亮顯示

快速布局

設計器作為一個圖形化的編輯器，為用戶打造一個可視化的應用模型，是我們的一大亮點。用戶通過滑鼠的點擊和拖拽，即可完成對應用模型的搭建。當然設計器做的不止這些，我們要做的是，幫助用戶快速的搭建自己的應用。為此，

設計器在圖形化操作上做了一系列的優化：

a)

邊框自動伸縮：智能判斷布局空間，自動伸縮邊框大小，省去用戶反覆調整邊框的操作

b)

資源複製：快速克隆一組資源，效率成倍提升

c)

一鍵美顏：布局太亂，不美觀怎麼辦？試下一鍵美顏功能，一鍵式布局。

d)

撤銷/重做：操作錯了怎麼辦？撤銷/重做功能幫你快速恢復，解決後顧之憂。

快速編輯

作為應用編排服務的設計器，對模板的編輯能力必不可少。傳統的手寫模板，不僅耗時耗力，而且對編寫者的門檻要求比較高。編寫者要充分了解各種資源的屬性信息和關聯關係，還要具備一定的YAML和JSON的語法能力。這很大程度上加大了產品的使用難度，使得大部分用戶只能望而卻步。設計器抓住這一痛點，

為模板的編輯功能添加了很多使用技巧和優化：

a)

屬性智能提示：對於選中的資源，屬性欄中實時顯示該資源包含的屬性信息，包括取值說明，使用建議等等。

b)

必選屬性自動添加：對於資源的必選屬性，設計器會儘可能的附帶默認值，減輕用戶編寫負擔

c)

可選屬性一鍵添加：對於資源的可選屬性，可根據需要一鍵添加

d)

關聯關係自動補全：資源之間的關聯關係跟隨應用模型設計自動聯動

e)

函數智能輔助：常用函數進行提示，並支持一鍵添加

f)

一鍵生成/更新inputs：模板輸入參數，一鍵式生成

g)

實時代碼提示：作為一個優質的編輯器，代碼提示功能必不可少

h)

語法實時校驗和提示：實時校驗，語法有問題實時提示，專治語法不熟悉，手誤等疑難雜症。

結束語

在應用編排設計器中，還有很多優化的細節，這裡就不一一細說了。

設計器致力於不斷提升用戶體驗，持續的進行細節優化，努力為客戶打造上雲利器，幫助更多企業快速上雲。

推薦閱讀

K8S上的分散式系統應用編排

Kubernetes網路一年發展動態與未來趨勢

一鍵式上雲新選擇 | 應用編排與設計器

點擊

閱讀原文，

回帖即可

報名

推薦閱讀：