1. <legend id="jwpzh"></legend>

    2. <optgroup id="jwpzh"></optgroup>

      <optgroup id="jwpzh"></optgroup>
      1. 回到主頁

        EasyOps 5.0 | 構件化開發助力客戶打造成功落地的運維平臺

        “開放+賦能”是EasyOps5.0全新產品版本的核心理念,基于此,優維不僅為客戶提供了完善的技術中臺、服務中臺、專家級解決方案等應用體系,更推出“Brick Next”,讓所有人可以構件化開發符合自身需要的微應用,共同打造基于客戶自身特點可成功落地的個性化運維平臺。

        · 平臺發布

        優維于2018年底便在內部正式開始啟動打造可完全開放的全功能多領域的DevOps及運維中臺能力,其目標不僅僅為了提高內部研發效率,快速響應市場需求,更希望能將EasyOps整個運維體系的理念和能力賦能給優維的客戶、合作伙伴、個人開發者等。

        那我們到底該如何將全面的中臺能力打造為一個個定制化、場景化的微應用呢?

        優維EasyOps5.0推出全新的前端框架 Brick Next ,以構件化開發為思路,提供 Low-Code 的頁面構件編排能力和標準化全功能域覆蓋的構件庫,幫助客戶分鐘級快速插件式開發出滿足自己場景的微應用。

        什么是Brick Next?

        Brick Next是EasyOps的新一代前端框架,旨在提供風格統一、高度插件化、高度配置化的企業用戶界面解決方案。

        Brick Next 與一般插件化開發的區別

        基于Brick Next的開發而來的產品,與 EasyOps 原生的頁面無任何區別,直接繼承登錄態和權限等,同時也可以調整出廠內置的界面,有新的個性化調整可直接使用已有的各種 Brick 庫。

        很多平臺產品號稱提供靈活的二次開發能力,但實際上,僅僅提供基本后臺框架(如Django)和各種API文檔或SDK,眾所周知,其前臺頁面是不支持更改和無縫對接的,在一定程度上,就是一個獨立做的小外掛。

        Brick Next 的基本原理

        Brick Next主要由三部分組成:

        Micro App (微應用): 面向用戶真正界面使用的應用,是通過 Storyboard 定義該產品的用戶界面的,這包括了路由的組織、界面使用的 構件(Brick) 及其相關的屬性和事件配置。

        Brick Package (構件包): 由一組 構件(Brick) 組成,其中的每個構件都有具體的業務屬性的 UI 模塊 。

        Brick Container : 底層框架,根據 Storyboard 的配置信息,渲染對應的用戶界面,并提供一些通用的公共依賴庫。

        拿積木類比:

        ? Micro App: 具體砌出的產品

        ? Storyboard: 對應產品組裝說明書

        ? Brick Package: 能砌出Micro App的一套積木

        ? Brick Kit: 則是根據說明書自動挑選積木并組裝成最終產品的機器人

        Brick Next實戰

        兩周快速搭建8個微應用

        在Brick Next實際落地過程中,優維內部已經正式全面使用Brick Next來打造產品,如:持續集成流水線、容器部署、架構拓撲等重大產品功能都是通過構件化開發方式而來。

        為了讓開發者更加方便的基于Brick Next進行開發,EasyOps5.0 還提供了開發者中心:

        ? 帶有示例的在線可視化原子構件庫(類似常見的UI組件庫)

        ? 帶有示例的在線可視化業務構件庫(帶有功能場景封裝的構件)

        ? 方便使用各大中臺數據的Provider構件庫

        ? 在線構件調試

        ? 場景使用實例

        ? 構件化開發文檔指引

        ? API文檔

        圖:開發者中心-構件化開發入門指引

        在我們內部的實踐過程中,最激動人心的一個案例莫過于我們只花費了兩周時間便打造出8個不同的中間件資源管理微應用 ,下面就以 MySQL資源管理這個微應用為例,簡單介紹下當時研發的過程。

        Step 1:原型設計與構件分解

        由于開發者中心已經提供了在線的構件預覽(與平臺其他功能使用的構件完全一致)和使用說明,因而原型設計也可以變得十分簡單,業務專家/ 產品經理只需要截圖便能拼湊出想要的頁面,甚至可以通過構件在線調試直接預覽。

        圖:在線可視化原子構件-統計卡片構件

        在原型設計的過程中已經能快速驗證設計的合理性與視覺效果,同時也能輕松評估將使用的構件和前端的開發工作量。

        如:MySQL資源微應用的首頁,共使用4種構件,全部是已帶有接口template的構件,整個頁面所需開發時間不到30分鐘(如果沒有對應數據接口封裝的,只需要將原子構件和provider構件組裝即可)。

        Step 2:編寫StoryBoard

        在完成構件分解的工作后,整個產品的形態已經非常清晰。接下來首先需要完成每個頁面的構件布局組織問題,布局本身也是一個構件,只需將原型中對應的顯示構件放入到對應的位置中,即可完成頁面布局。

        圖:開發者中心-布局構件-網格布局構件

        圖:使用布局構件代碼示例

        完成一個個頁面的布局,接下來就可以配置頁面的路由跳轉配置了(包含側邊欄)。

        圖:MySQL資源管理側邊欄的代碼示例

        Step 3:微應用構建打包與部署

        當開發完成,我們只需要利用EasyOps強大的流水線,打tag觸發高質量完成微應用構建、打包并部署到研發環境整個過程。

        圖:MySQL微應用最終效果

        兩周8個微應用小結:

        ?

        在兩周時間內,團隊完成了MySQL、SQLServer、Oracle、Redis、Nginx、Apache、Zookeeper、Kafka 8個微應用的上線。

        圖:已上線的8個中間件資源管理微應用

        利用EasyOps 5.0 開發者中心基于 Brick Next 進行構件化開發,在原型設計上、構件使用上、頁面組織上、甚至中臺數據對接方式上都能做到極大的復用。同時這些微應用的所有頁面或局部都能快速復用到其他微應用(譬如做一個MySQL的監控微應用需要MySQL資源的信息時,只需簡單拷貝下資源管理的詳情部分構件即可),充分體現了一整套構件化開發帶來的工程效率提升。

        基于EasyOps5.0

        打造自由定制的運維平臺

        全新發布的優維EasyOps 5.0 以“大規模定制”為出發點,提供完整全面的IT中臺數據服務、動作服務和監控服務,支持客戶使用風格統一標準的構件,自由開發出完全個性定制化的前臺微應用,將領先的優維專家經驗與專業產品能力真正賦能給客戶和合作伙伴。

        接下來,我們團隊將持續深耕高質量的專家級微應用,不斷精進服務中臺和技術中臺,進一步助力客戶基于EasyOps 5.0 打造自由定制的運維平臺。

        所有文章
        ×

        還剩一步!

        確認郵件已發至你的郵箱。?請點擊郵件中的確認鏈接,完成訂閱。

        好的

        美女一级牲交视频