鯨品堂｜技術揭秘！浩（hào）鯨科（kē）技靈（líng）犀低代碼平（píng）台的探索與實踐

2022-03-15 935

導讀

国产亚洲熟妇在线视频科技靈（líng）犀（xī）低代碼平台能否（fǒu）支撐客戶核心複雜業務場景？

我們結合某運營（yíng）商客戶的CRM場景的實（shí）踐（jiàn）經驗為您講解一個可行的解決（jué）方案，並（bìng）闡述了基於浩（hào）鯨（jīng）科技靈犀低代碼平台開發一個複雜應用（yòng）場景的開發流程和具體實踐步驟。

項目背景

某運營商客戶作為大省和（hé）先進省份（fèn）代表，一直走在行業的各項（xiàng）技術創新和信息化建設的前列。客戶作為中台建設的標杆省份，中台建設已取得明顯成效（xiào），核心業務能力不斷沉澱。在（zài）疫情對商業行為造成改變（biàn）、5G業務需求增速爆發的形勢下，如何便捷的進行業務加載、快速進行業務的創新、快速向消費（fèi）者提供能力？

目前存在如下的問題：

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

問題二：業務邏輯複雜（zá），開發周期長。CRM業務校驗規則多（duō），例如本次（cì）的寬度續包應用6個（gè）頁（yè）麵調用（yòng）了79個接口。（前端頁麵調用大量的接口，並有大量的頁麵元素操縱的代碼，代碼量大，開發周期長，測試周期長。）

問題三：現場平台對接複雜（zá），後進廠商集成的成本較大。新技（jì）術需要與（yǔ）現有生產體係和架構保持一（yī）致，貫通生產全（quán）流程，中間涉及多個技術平台對接（jiē），協調、聯調工作量大，技術集成有難度。

解（jiě）決方案

從（cóng）業務能（néng）力運營角度（dù），就（jiù）目前（qián）來（lái）看（kàn），低代碼（mǎ）是一種比較好的方（fāng）式，基於中台能力，能（néng）力消費者可以輕鬆駕馭，低門檻、低成本對（duì）能力進行組合編排（pái），加（jiā）速應用開發，實（shí）現（xiàn）業務能力持續豐富（fù）完善，業務創（chuàng）新與增長。

而国产亚洲熟妇在线视频科技靈犀低代碼平台正好具備相應的能力（lì），可為運營商客戶提供提供“全棧可視化編程”、“全過程（chéng）低代碼”、“全生命周期管理”、“應用持續生命力（lì）”、“雲原生（shēng）底層支（zhī）持”、“行業級解決能力”6大核心能力，打造（zào）應用構建 8 大利器。

国产亚洲熟妇在线视频科技靈（líng）犀低代（dài）碼平台（tái）8大核心利器

讓開發團（tuán）隊和業務人員更輕鬆地應（yīng）對由業（yè）務部門發起的大量需求，基於不同的（de）場景和企業人力資源（yuán）配置，使IT人員和業務人員都能以更高效的方式開發軟件（jiàn）。

開發流程（chéng）

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

開發流程

流程分為（wéi）準（zhǔn）備（bèi）、開發、運行三個階段。首先需（xū）要初始化，由項目負責人（rén）在平台上進行環境構建、應用設置等。然後設計（jì）和開發人員在平台從0到1完成設計建模，包括需求分析、業務流程建模、服務建模、領域建模以及數據建模（mó）等。平台提供一係列提（tí）效可視化開發工具，幫助開（kāi）發人員及業（yè）務人員通過可視化編輯的方式，完成邏輯、界麵、流程、規則、服務開發。設計開（kāi）發完（wán）成後進入自動化測（cè）試環節，支持自動生成測試腳（jiǎo）本、測試計劃（huá）、執行測試任務、生成測試報告等。最後，應用開發完成後用流水線部署應用。

具體實踐

下麵就以“寬帶（dài）續包”應用開發為例，說明靈犀低代碼平台在現場的落地實踐。

“寬（kuān）帶續包”是（shì）CRM業務領（lǐng）域中典型的場景，而此運營商客（kè）戶（hù）的寬帶續包場景，關聯了很多產品，更為複雜。靈犀平台是個新型的開（kāi）發工具，它隻是解決了“如何更快的開發一個應用”，但是“如何開發一個對的應用”還是要（yào）遵循軟件工程的方法論（lùn）。

低（dī）代碼作為一種新的提效工具（jù）切入到開（kāi）發鏈路，對傳統的開發流程有了新的變化，結合靈犀低代碼平台開發的特點，我們調整為如下（xià）關鍵環節：需求分析-集成方（fāng）案設計-集成開發-應用代碼開發-可視化編排（pái）開發-部署（shǔ）。

寬（kuān）帶續包受理（lǐ）界麵

需求分析

對於（yú）核心業務場景的開發（fā），需求分析尤為重要，它既決定了應用（yòng）開發的內容，也約定了其他係統要提供的能力，還圈定了各個（gè）團隊（duì）的任務範圍。核心業務係統的邏輯往往非常複雜，並且有（yǒu）完善的模型和接口，結合靈犀平台開發的要求（qiú），我們的需求分析手段和分析內容的側重都（dōu）需要調整。

1）需（xū）求分析的手段

係（xì）統學習業務知識：識別出業務術語並梳理它們之（zhī）間的關聯，例如（rú）：裸寬、融合（hé）、策劃、檔次、群組（zǔ）成員類型、無紙化簽字等等。這些往往識別成（chéng）靈犀低（dī）代（dài）碼平台裏一個個的業務對象，以（yǐ）及對（duì）象的關係。

操作原係（xì）統功能：訪問原來的（de）係統並操作功能，包括門戶單（dān）點登錄方式、操作員鑒權方式、瀏（liú）覽器兼容要求、界麵（miàn）的UI規範、功能。特別是各種鏈（liàn）接頁麵和（hé）彈（dàn）窗頁麵，如果這（zhè）些窗體沒有獨立的URL可（kě）以訪問的方式（可能是父頁麵上的一個窗體dom元素），頁麵可能直接被低代碼頁麵調（diào）用，需要重新配置（zhì）。

抓取接口報文：通過（guò）瀏覽器F12抓取所有後台接口的入參和出參。現場由於曆史原因可能沒有現成的接口文（wén）檔，或者他們不知道要提供哪些接口，這樣，我們就要通過訪問係統將需要用到（dào）的接口給“抓”出來。

閱讀原係統的代（dài）碼：這（zhè）個很重要，由於核心業務係統的邏輯很複雜，人為不能全部梳理出來全部的業務要求，需求提供原係統的代碼進行閱讀，識別邏輯、了（le）解如何和（hé）外部集成。

與業務專家（jiā）溝通（tōng）：遇到業務疑（yí）問，可（kě）找現場測試人（rén）員、開發人員、需求（qiú）人員谘（zī）詢。（測試人員（yuán）對業務細節規則的認識是最全麵（miàn）的。）

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

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

圖片關（guān）鍵（jiàn）詞（cí）

接口定義文檔（dàng）

原型界麵：1、重點標注出界麵元素對應的（de）接口，要說清楚（chǔ）界麵的數據都來源於哪個具體的接口；2、界麵元素（sù）的聯動關係；3、界麵元素的輸（shū）入約束；4、業務規則。靈犀低代碼平台的（de）頁麵編排時需要用到這些梳理的內容。

圖片關鍵詞

原型界麵

集成方（fāng）案設計

本（běn）次應用（yòng）是使用靈犀（xī）低代（dài）碼平台重構原（yuán）來的（de）業務，原來的接口（kǒu）稍作調整就可以複（fù）用，需要（yào）基於這些接口來重新開發頁麵。現場網（wǎng）關調用鏈要求嚴苛，必須是前台直接調用這些（xiē）接口，不能再通過後台的服務來調用。對前端提出定製適（shì）配的要求，前端（duān）需要適（shì）配現場的接口，同時也要集成現場的網關的鑒權和（hé）數據的解密。

集成方案

集成開發

靈犀低代碼平台和現場集成內容，往（wǎng）往要包括了配置態和運（yùn）行態（tài）這兩（liǎng）部分（fèn）。這些都是需要平台框架側進行（háng）定製開（kāi）發，為批量的配置應用做好（hǎo）準備工作。

1）配置態--適配現網PaaS平台，現（xiàn）應用全生命（mìng）周期管理

此（cǐ）運營（yíng）商客戶一直走在數字化轉型（xíng）的前沿，現網PaaS平（píng）台的複雜，網關調用方向非常苛刻，集成困難是比較大（dà）。但是得益於靈犀平台先進的技術架（jià）構，使用對接起來（lái）比較（jiào）順（shùn）利。首先，靈犀低代碼平台基於雲原生技術架設，能很好地適配各種主流的（de）容器化技術，按照現場的重新製作鏡像規則，滿足現場的CICD流程、彈性擴容和AB平麵高可用要求；其次，由於遵循了現場的應用開發規範，使得（dé）通過平台創建的各個應用自動打通前（qián）後天網關（guān），符合安全規範要（yào）求；另外（wài），平（píng）台還集成了現場的應用管（guǎn）理規（guī）範，使得通過其創建的各個應（yīng）用（yòng）自動分（fèn）配（pèi）資源。完美對接現網PaaS平台，集成DevOps，實現“應用（yòng）全生命周期管理”，大大降（jiàng）低應用資源分配（pèi）、安裝（zhuāng）部署的複雜度。

我們在不斷完善和試錯中，完成了平台間的（de）完美對接，同時也驗證了“靈犀低代碼平台”在複雜嚴苛的PaaS平台的（de）集成（chéng）能力，體現（xiàn）了產品架構的靈活性和擴展性。

2）運行態--前端工程對接前台網關

靈犀低代碼平台為了在配置態能快捷配置出頁麵應用（yòng），對外部的接口有（yǒu）標準要求。但如果現場（chǎng）的接口無法（fǎ）按（àn）照我們的進行開發調整，那就需要我們（men）在靈犀低代碼平台進行適配。可以在前端運行（háng）態增加代碼進行適配，也可以在（zài）服務編排進行適配。本應用采用了前（qián）端進行適（shì）配。同（tóng）時現場前台（tái）網關的接口出入參需要加解密，也需要定製進行解析。

另（lìng）外，客戶（hù）有嚴格的UI規範，包（bāo）括行距、顏色（sè）、按鈕（niǔ）顏色等都有自身的要求，為了體（tǐ）驗統一，我們要定製調整。

以（yǐ）上都可以（yǐ）在靈（líng）犀低代碼平台提供（gòng）的定製包工程的代碼上（shàng）進行開發，定製包的開發可以不影響核心包的（de）功能。

應用代碼開發

“寬帶續包”應用（yòng）還有40%的功（gōng）能（néng）使用了高代（dài）碼（mǎ）的方式，無法拖拉拽的配（pèi）置出（chū）來。為什麽還要編寫代碼開發（fā）呢？

首先，現場這個應（yīng）用提供了79個原子的接口，這些接口不能直接給（gěi）頁麵編排（pái）使用（yòng），還需要進行編排後才能輸出對前端友好的接口。原（yuán）本可以（yǐ）通（tōng）過（guò）“服務編排（pái）”工具進（jìn）行可視化的編排，但本項目現場接口（kǒu）不走後台對接，就需要（yào）我們在前端編寫代碼進行編排。

高（gāo）代碼開發

其次，對於部分非標準的控件，底下可能包含了非常多的業務邏輯代碼，如果使用可視化編排會非常複雜，那麽采用編寫代碼的方式進行封裝，封（fēng）裝（zhuāng）後還可以沉澱成一個業務組件，以後供其他應用使用。

業務組（zǔ）件封裝

靈（líng）犀低代（dài）碼平台提供了四層的擴展模型，可以滿（mǎn）足複雜場（chǎng）景下的個性化要求。

四層擴展模型（xíng）

可（kě）視化（huà）編排開發

靈犀低代碼平台提供了多種可視化編排工具：頁麵編排、對象配置、流程編排、服務編排等。“寬帶續（xù）包”應用對接現場的接口，主要使用了頁麵編排工具。靈犀平台通過構（gòu）建（jiàn）前端標準化框架（jià），將前端頁麵元素和交（jiāo）互功能全部使用靈犀平台編排出來，讓開發人（rén）員聚焦於業務規則的校驗和報文數據的處理，大（dà）大提升了前（qián）端應用（yòng）開（kāi）發的效率。

首（shǒu）先，頁麵配置好數據源，數據源就來源於現（xiàn）場的接（jiē）口或加工後的接口。然後拖拽控件（jiàn）到頁麵布局上，然後綁定此數據源，在運行態就會自動完成接口的請求和返回報文數據綁定到控件一（yī）係列的動作。前端是通（tōng）過數據來驅動頁（yè）麵（miàn）元素（sù）的（de）渲染和（hé）聯動，摒棄（qì）操縱dom元素的方式，大幅減小（xiǎo）低代碼編寫量。

頁麵編排

其（qí）次，通過事件編排工具來組（zǔ）織頁麵上元素的事件和動作的邏輯。平台內置提供了非常（cháng）多的前端動作，通過編排的方式將這些動作連接起來，完全取代（dài）以往手寫代碼的方式。幾乎能想得到（dào）的交（jiāo）互（hù）都可（kě）以通過這個工具進行（háng）可視化的配置，非常靈活。

事件編排

最後，在配置環境就可以點擊進行預覽，以便（biàn）聯調和修改（gǎi）。在此案例中（zhōng），因為我們的應用要集成到（dào）業務大廳的門戶（hù），需要人工登錄後才能調用得到測試環境的接口。針對這些特殊的（de）情況，產品上也（yě）提供（gòng）了拷貝登錄後的（de）cookie和認證信息保存在配置態，然後（hòu）就可以點擊直達應用頁麵（miàn）開始進行聯調。在現場環境的集（jí）成對接方麵，為了提升開發人員的開發體驗，產品是適配了很多不同的場（chǎng）景。

部署

通過靈犀低代碼平台開發（fā）應用，有兩種產（chǎn）物，一種是運行態定製包工程的（de）編寫的代碼（存放（fàng）現場的git倉庫上），另外一種是配置態編（biān）排後產生的配置數據（存放在的現場的配（pèi）置數據庫上）。前者，靈犀低代碼平台集成了現場的DevOps平台，可以走現場（chǎng）的（de）CICD構建（jiàn）鏡像推送到測試環境或生成（chéng）環（huán）境。後者（zhě），可以從配置環境導出這些設計包，再（zài）導入到測試環境（jìng）或生產環（huán）境。部署都可以在（zài）線完成。

DevOps集成和交付

案（àn）例總結

我司聯合此（cǐ）運營商客戶，基於靈犀低代碼（mǎ）平台開箱即用的差（chà）異化技術（shù）、多（duō）樣（yàng）化的搭建模式以及不同開發場景覆蓋和分級使用的模版，並結合可擴（kuò）展編程的工具和方法，曆（lì）經3個月，通過原服務研究、邏輯梳（shū）理、開發（fā）、平台集成等過程（chéng），快速（sù）實現了簡單和（hé）複雜業務上線（xiàn）並正（zhèng）式對外開放。與此同時，平（píng）台能力也持續迭代升級（jí），前端組（zǔ）件不斷豐富，技術組件兼容性增強，支持高（gāo）低代碼混合開發等（děng）。

回顧這個案例的開（kāi）發過程，我們通過頁麵編排工（gōng）具開發了6個主頁麵（miàn）+9個彈（dàn）窗頁麵，對接了79個（gè）現場接口，編排出8個（gè）新的服（fú）務接口，也封裝沉澱了8個業務組件，通過900個（gè）測試用例（lì）的測（cè）試並累計提出80個缺陷（含（hán）用戶體驗），整體（tǐ）質量高、修複效率高。前台的頁麵交互使用靈犀低（dī）代碼平台進行編排組裝，相（xiàng）對傳統開發，代碼量（liàng）節省了（le）50%。開發階段耗時4個人月，相對（duì）傳統開發預估的8個（gè）人月，提效50%。

未來規劃（huá）

除在此（cǐ）運營商客戶（hù）成功落地外，国产亚洲熟妇在线视频科技靈犀低代碼平台目前也（yě）在聯（lián）通、移動、電信等諸多項（xiàng）目（mù）中（zhōng）落地。

未來，我們將不斷提升靈犀低代碼平台（tái）的能力，融入AI智能技術提升配置體驗，完善麵向開發人員的低代（dài）碼平台，增加麵向業務人（rén）員的零代碼平台，並實（shí）現零低的互通，覆蓋更多的使用人群並（bìng）讓他們能協同起來（lái）。我們將低代碼/零代碼應用於各個場景中，攜手生態夥伴（bàn），共同推動各行業的數字化發展和應用落地，踐行新理念新模式，強化效率（lǜ）和效（xiào）益雙（shuāng）提升。

媒體中心

媒體中心（xīn）

鯨品堂｜技術揭秘！浩（hào）鯨科（kē）技靈（líng）犀低代碼平（píng）台的探索與實踐

鯨智百應

關於我們

產品與解決方案

成功故事