鯨品堂｜技術揭秘！浩鯨科技靈犀低代碼平臺的探索與實踐

2022-03-15 834

導 讀

浩鯨科技靈犀低代碼平臺能否支撐客戶核心復雜業務場景？


我們結合某運營商客戶的CRM場景的實踐經驗為您講解一個可行的解決方案，并闡述了基于浩鯨科技靈犀低代碼平臺開發一個復雜應用場景的開發流程和具體實踐步驟。





01




項目背景

某運營商客戶作為大省和先進省份代表，一直走在行業的各項技術創新和信息化建設的前列?？蛻糇鳛橹信_建設的標桿省份，中臺建設已取得明顯成效，核心業務能力不斷沉淀。在疫情對商業行為造成改變、5G業務需求增速爆發的形勢下，如何便捷的進行業務加載、快速進行業務的創新、快速向消費者提供能力？

目前存在如下的問題：
1

問題一：CRM業務需求量大，人員緊缺。一是核心業務使用頻率高、需求量大；二是因技術架構升級迫切需要對原來的業務應用進行改造升級，兩方面因素導致由于人員緊缺，開發改造需求形成積壓，響應不夠及時的問題。

2

問題二：業務邏輯復雜，開發周期長。CRM業務校驗規則多，例如本次的寬度續包應用6個頁面調用了79個接口。（前端頁面調用大量的接口，并有大量的頁面元素操縱的代碼，代碼量大，開發周期長，測試周期長。）

3

問題三：現場平臺對接復雜，后進廠商集成的成本較大。新技術需要與現有生產體系和架構保持一致，貫通生產全流程，中間涉及多個技術平臺對接，協調、聯調工作量大，技術集成有難度。








02




解決方案

從業務能力運營角度，就目前來看，低代碼是一種比較好的方式，基于中臺能力，能力消費者可以輕松駕馭，低門檻、低成本對能力進行組合編排，加速應用開發，實現業務能力持續豐富完善，業務創新與增長。

而浩鯨科技靈犀低代碼平臺正好具備相應的能力，可為運營商客戶提供提供“全?？梢暬幊獭?、“全過程低代碼”、“全生命周期管理”、“應用持續生命力”、“云原生底層支持”、“行業級解決能力”6大核心能力，打造應用構建 8 大利器。

圖片關鍵詞
浩鯨科技靈犀低代碼平臺8大核心利器

讓開發團隊和業務人員更輕松地應對由業務部門發起的大量需求，基于不同的場景和企業人力資源配置，使IT人員和業務人員都能以更高效的方式開發軟件。




03




開發流程

下圖是我們低代碼平臺項目的開發流程。

圖片關鍵詞
圖片關鍵詞開發流程

流程分為準備、開發、運行三個階段。首先需要初始化，由項目負責人在平臺上進行環境構建、應用設置等。然后設計和開發人員在平臺從0到1完成設計建模，包括需求分析、業務流程建模、服務建模、領域建模以及數據建模等。平臺提供一系列提效可視化開發工具，幫助開發人員及業務人員通過可視化編輯的方式，完成邏輯、界面、流程、規則、服務開發。設計開發完成后進入自動化測試環節，支持自動生成測試腳本、測試計劃、執行測試任務、生成測試報告等。最后，應用開發完成后用流水線部署應用。




04




具體實踐

下面就以“寬帶續包”應用開發為例，說明靈犀低代碼平臺在現場的落地實踐。

“寬帶續包”是CRM業務領域中典型的場景，而此運營商客戶的寬帶續包場景，關聯了很多產品，更為復雜。靈犀平臺是個新型的開發工具，它只是解決了“如何更快的開發一個應用”，但是“如何開發一個對的應用”還是要遵循軟件工程的方法論。

低代碼作為一種新的提效工具切入到開發鏈路，對傳統的開發流程有了新的變化，結合靈犀低代碼平臺開發的特點，我們調整為如下關鍵環節：需求分析-集成方案設計-集成開發-應用代碼開發-可視化編排開發-部署。

圖片關鍵詞
寬帶續包受理界面

需求分析
對于核心業務場景的開發，需求分析尤為重要，它既決定了應用開發的內容，也約定了其他系統要提供的能力，還圈定了各個團隊的任務范圍。核心業務系統的邏輯往往非常復雜，并且有完善的模型和接口，結合靈犀平臺開發的要求，我們的需求分析手段和分析內容的側重都需要調整。

1）需求分析的手段

系統學習業務知識：識別出業務術語并梳理它們之間的關聯，例如：裸寬、融合、策劃、檔次、群組成員類型、無紙化簽字等等。這些往往識別成靈犀低代碼平臺里一個個的業務對象，以及對象的關系。


操作原系統功能：訪問原來的系統并操作功能，包括門戶單點登錄方式、操作員鑒權方式、瀏覽器兼容要求、界面的UI規范、功能。特別是各種鏈接頁面和彈窗頁面，如果這些窗體沒有獨立的URL可以訪問的方式（可能是父頁面上的一個窗體dom元素），頁面可能直接被低代碼頁面調用，需要重新配置。


抓取接口報文：通過瀏覽器F12抓取所有后臺接口的入參和出參?，F場由于歷史原因可能沒有現成的接口文檔，或者他們不知道要提供哪些接口，這樣，我們就要通過訪問系統將需要用到的接口給“抓”出來。


閱讀原系統的代碼：這個很重要，由于核心業務系統的邏輯很復雜，人為不能全部梳理出來全部的業務要求，需求提供原系統的代碼進行閱讀，識別邏輯、了解如何和外部集成。


與業務專家溝通：遇到業務疑問，可找現場測試人員、開發人員、需求人員咨詢。（測試人員對業務細節規則的認識是最全面的。）


2）需求分析的內容及產出

接口文檔：接口數量、歸屬頁面、接口編碼、入參、出差。


圖片關鍵詞

接口定義文檔


原型界面：1、重點標注出界面元素對應的接口，要說清楚界面的數據都來源于哪個具體的接口；2、界面元素的聯動關系；3、界面元素的輸入約束；4、業務規則。靈犀低代碼平臺的頁面編排時需要用到這些梳理的內容。


圖片關鍵詞

原型界面

圖片關鍵詞
集成方案設計
本次應用是使用靈犀低代碼平臺重構原來的業務，原來的接口稍作調整就可以復用，需要基于這些接口來重新開發頁面?，F場網關調用鏈要求嚴苛，必須是前臺直接調用這些接口，不能再通過后臺的服務來調用。對前端提出定制適配的要求，前端需要適配現場的接口，同時也要集成現場的網關的鑒權和數據的解密。

圖片關鍵詞
集成方案
集成開發
靈犀低代碼平臺和現場集成內容，往往要包括了配置態和運行態這兩部分。這些都是需要平臺框架側進行定制開發，為批量的配置應用做好準備工作。

1）配置態--適配現網PaaS平臺，現應用全生命周期管理
此運營商客戶一直走在數字化轉型的前沿，現網PaaS平臺的復雜，網關調用方向非?？量?，集成困難是比較大。但是得益于靈犀平臺先進的技術架構，使用對接起來比較順利。首先，靈犀低代碼平臺基于云原生技術架設，能很好地適配各種主流的容器化技術，按照現場的重新制作鏡像規則，滿足現場的CICD流程、彈性擴容和AB平面高可用要求；其次，由于遵循了現場的應用開發規范，使得通過平臺創建的各個應用自動打通前后天網關，符合安全規范要求；另外，平臺還集成了現場的應用管理規范，使得通過其創建的各個應用自動分配資源。完美對接現網PaaS平臺，集成DevOps，實現“應用全生命周期管理”，大大降低應用資源分配、安裝部署的復雜度。

我們在不斷完善和試錯中，完成了平臺間的完美對接，同時也驗證了“靈犀低代碼平臺”在復雜嚴苛的PaaS平臺的集成能力，體現了產品架構的靈活性和擴展性。

2）運行態--前端工程對接前臺網關
靈犀低代碼平臺為了在配置態能快捷配置出頁面應用，對外部的接口有標準要求。但如果現場的接口無法按照我們的進行開發調整，那就需要我們在靈犀低代碼平臺進行適配?？梢栽谇岸诉\行態增加代碼進行適配，也可以在服務編排進行適配。本應用采用了前端進行適配。同時現場前臺網關的接口出入參需要加解密，也需要定制進行解析。

另外，客戶有嚴格的UI規范，包括行距、顏色、按鈕顏色等都有自身的要求，為了體驗統一，我們要定制調整。

以上都可以在靈犀低代碼平臺提供的定制包工程的代碼上進行開發，定制包的開發可以不影響核心包的功能。

應用代碼開發
“寬帶續包”應用還有40%的功能使用了高代碼的方式，無法拖拉拽的配置出來。為什么還要編寫代碼開發呢？

首先，現場這個應用提供了79個原子的接口，這些接口不能直接給頁面編排使用，還需要進行編排后才能輸出對前端友好的接口。原本可以通過“服務編排”工具進行可視化的編排，但本項目現場接口不走后臺對接，就需要我們在前端編寫代碼進行編排。

圖片關鍵詞
高代碼開發

其次，對于部分非標準的控件，底下可能包含了非常多的業務邏輯代碼，如果使用可視化編排會非常復雜，那么采用編寫代碼的方式進行封裝，封裝后還可以沉淀成一個業務組件，以后供其他應用使用。

圖片關鍵詞
業務組件封裝

靈犀低代碼平臺提供了四層的擴展模型，可以滿足復雜場景下的個性化要求。

圖片關鍵詞
四層擴展模型

可視化編排開發
靈犀低代碼平臺提供了多種可視化編排工具：頁面編排、對象配置、流程編排、服務編排等?！皩拵Юm包”應用對接現場的接口，主要使用了頁面編排工具。靈犀平臺通過構建前端標準化框架，將前端頁面元素和交互功能全部使用靈犀平臺編排出來，讓開發人員聚焦于業務規則的校驗和報文數據的處理，大大提升了前端應用開發的效率。

首先，頁面配置好數據源，數據源就來源于現場的接口或加工后的接口。然后拖拽控件到頁面布局上，然后綁定此數據源，在運行態就會自動完成接口的請求和返回報文數據綁定到控件一系列的動作。前端是通過數據來驅動頁面元素的渲染和聯動，摒棄操縱dom元素的方式，大幅減小低代碼編寫量。
圖片關鍵詞圖片關鍵詞
頁面編排

其次，通過事件編排工具來組織頁面上元素的事件和動作的邏輯。平臺內置提供了非常多的前端動作，通過編排的方式將這些動作連接起來，完全取代以往手寫代碼的方式。幾乎能想得到的交互都可以通過這個工具進行可視化的配置，非常靈活。

圖片關鍵詞
事件編排

最后，在配置環境就可以點擊進行預覽，以便聯調和修改。在此案例中，因為我們的應用要集成到業務大廳的門戶，需要人工登錄后才能調用得到測試環境的接口。針對這些特殊的情況，產品上也提供了拷貝登錄后的cookie和認證信息保存在配置態，然后就可以點擊直達應用頁面開始進行聯調。在現場環境的集成對接方面，為了提升開發人員的開發體驗，產品是適配了很多不同的場景。

部署
通過靈犀低代碼平臺開發應用，有兩種產物，一種是運行態定制包工程的編寫的代碼（存放現場的git倉庫上），另外一種是配置態編排后產生的配置數據（存放在的現場的配置數據庫上）。前者，靈犀低代碼平臺集成了現場的DevOps平臺，可以走現場的CICD構建鏡像推送到測試環境或生成環境。后者，可以從配置環境導出這些設計包，再導入到測試環境或生產環境。部署都可以在線完成。
圖片關鍵詞圖片關鍵詞
DevOps集成和交付




05




案例總結

我司聯合此運營商客戶，基于靈犀低代碼平臺開箱即用的差異化技術、多樣化的搭建模式以及不同開發場景覆蓋和分級使用的模版，并結合可擴展編程的工具和方法，歷經3個月，通過原服務研究、邏輯梳理、開發、平臺集成等過程，快速實現了簡單和復雜業務上線并正式對外開放。與此同時，平臺能力也持續迭代升級，前端組件不斷豐富，技術組件兼容性增強，支持高低代碼混合開發等。

回顧這個案例的開發過程，我們通過頁面編排工具開發了6個主頁面+9個彈窗頁面，對接了79個現場接口，編排出8個新的服務接口，也封裝沉淀了8個業務組件，通過900個測試用例的測試并累計提出80個缺陷（含用戶體驗），整體質量高、修復效率高。前臺的頁面交互使用靈犀低代碼平臺進行編排組裝，相對傳統開發，代碼量節省了50%。開發階段耗時4個人月，相對傳統開發預估的8個人月，提效50%。




06




未來規劃

除在此運營商客戶成功落地外，浩鯨科技靈犀低代碼平臺目前也在聯通、移動、電信等諸多項目中落地。

未來，我們將不斷提升靈犀低代碼平臺的能力，融入AI智能技術提升配置體驗，完善面向開發人員的低代碼平臺，增加面向業務人員的零代碼平臺，并實現零低的互通，覆蓋更多的使用人群并讓他們能協同起來。我們將低代碼/零代碼應用于各個場景中，攜手生態伙伴，共同推動各行業的數字化發展和應用落地，踐行新理念新模式，強化效率和效益雙提升。

關于我們

產品與解決方案

成功故事

媒體中心


官方微信公眾號

浩鯨云計算科技股份有限公司 版權所有 2003-2023

蘇ICP備10224443號-6       蘇公網安備 32011402011374號

亚洲精品免费视频_热99re6久精品国产首页青柠_精品国产专区91在线_亚洲美洲欧洲偷拍片区