鲸品堂｜技术揭秘！浩鲸科技灵犀低代码平台的探索与实践

2022-03-15 795

导读

浩鲸科技灵犀低代码平台能否支撑客户核心复杂业务场景？

我们结合某运营商客户的CRM场景的实践经验为您讲解一个可行的解决方案，并阐述了基于浩鲸科技灵犀低代码平台开发一个复杂应用场景的开发流程和具体实践步骤。

项目背景

某运营商客户作为大省和先进省份代表，一直走在行业的各项技术创新和信息化建设的前列。客户作为中台建设的标杆省份，中台建设已取得明显成效，核心业务能力不断沉淀。在疫情对商业行为造成改变、5G业务需求增速爆发的形势下，如何便捷的进行业务加载、快速进行业务的创新、快速向消费者提供能力？

目前存在如下的问题：

问题一：CRM业务需求量大，人员紧缺。一是核心业务使用频率高、需求量大；二是因技术架构升级迫切需要对原来的业务应用进行改造升级，两方面因素导致由于人员紧缺，开发改造需求形成积压，响应不够及时的问题。

问题二：业务逻辑复杂，开发周期长。CRM业务校验规则多，例如本次的宽度续包应用6个页面调用了79个接口。（前端页面调用大量的接口，并有大量的页面元素操纵的代码，代码量大，开发周期长，测试周期长。）

问题三：现场平台对接复杂，后进厂商集成的成本较大。新技术需要与现有生产体系和架构保持一致，贯通生产全流程，中间涉及多个技术平台对接，协调、联调工作量大，技术集成有难度。

解决方案

从业务能力运营角度，就目前来看，低代码是一种比较好的方式，基于中台能力，能力消费者可以轻松驾驭，低门槛、低成本对能力进行组合编排，加速应用开发，实现业务能力持续丰富完善，业务创新与增长。

而浩鲸科技灵犀低代码平台正好具备相应的能力，可为运营商客户提供提供“全栈可视化编程”、“全过程低代码”、“全生命周期管理”、“应用持续生命力”、“云原生底层支持”、“行业级解决能力”6大核心能力，打造应用构建 8 大利器。

浩鲸科技灵犀低代码平台8大核心利器

让开发团队和业务人员更轻松地应对由业务部门发起的大量需求，基于不同的场景和企业人力资源配置，使IT人员和业务人员都能以更高效的方式开发软件。

开发流程

下图是我们低代码平台项目的开发流程。

开发流程

流程分为准备、开发、运行三个阶段。首先需要初始化，由项目负责人在平台上进行环境构建、应用设置等。然后设计和开发人员在平台从0到1完成设计建模，包括需求分析、业务流程建模、服务建模、领域建模以及数据建模等。平台提供一系列提效可视化开发工具，帮助开发人员及业务人员通过可视化编辑的方式，完成逻辑、界面、流程、规则、服务开发。设计开发完成后进入自动化测试环节，支持自动生成测试脚本、测试计划、执行测试任务、生成测试报告等。最后，应用开发完成后用流水线部署应用。

具体实践

下面就以“宽带续包”应用开发为例，说明灵犀低代码平台在现场的落地实践。

“宽带续包”是CRM业务领域中典型的场景，而此运营商客户的宽带续包场景，关联了很多产品，更为复杂。灵犀平台是个新型的开发工具，它只是解决了“如何更快的开发一个应用”，但是“如何开发一个对的应用”还是要遵循软件工程的方法论。

低代码作为一种新的提效工具切入到开发链路，对传统的开发流程有了新的变化，结合灵犀低代码平台开发的特点，我们调整为如下关键环节：需求分析-集成方案设计-集成开发-应用代码开发-可视化编排开发-部署。

宽带续包受理界面

需求分析

对于核心业务场景的开发，需求分析尤为重要，它既决定了应用开发的内容，也约定了其他系统要提供的能力，还圈定了各个团队的任务范围。核心业务系统的逻辑往往非常复杂，并且有完善的模型和接口，结合灵犀平台开发的要求，我们的需求分析手段和分析内容的侧重都需要调整。

1）需求分析的手段

系统学习业务知识：识别出业务术语并梳理它们之间的关联，例如：裸宽、融合、策划、档次、群组成员类型、无纸化签字等等。这些往往识别成灵犀低代码平台里一个个的业务对象，以及对象的关系。

操作原系统功能：访问原来的系统并操作功能，包括门户单点登录方式、操作员鉴权方式、浏览器兼容要求、界面的UI规范、功能。特别是各种链接页面和弹窗页面，如果这些窗体没有独立的URL可以访问的方式（可能是父页面上的一个窗体dom元素），页面可能直接被低代码页面调用，需要重新配置。

抓取接口报文：通过浏览器F12抓取所有后台接口的入参和出参。现场由于历史原因可能没有现成的接口文档，或者他们不知道要提供哪些接口，这样，我们就要通过访问系统将需要用到的接口给“抓”出来。

阅读原系统的代码：这个很重要，由于核心业务系统的逻辑很复杂，人为不能全部梳理出来全部的业务要求，需求提供原系统的代码进行阅读，识别逻辑、了解如何和外部集成。

与业务专家沟通：遇到业务疑问，可找现场测试人员、开发人员、需求人员咨询。（测试人员对业务细节规则的认识是最全面的。）

2）需求分析的内容及产出

接口文档：接口数量、归属页面、接口编码、入参、出差。

图片关键词

接口定义文档

原型界面：1、重点标注出界面元素对应的接口，要说清楚界面的数据都来源于哪个具体的接口；2、界面元素的联动关系；3、界面元素的输入约束；4、业务规则。灵犀低代码平台的页面编排时需要用到这些梳理的内容。

图片关键词

原型界面

集成方案设计

本次应用是使用灵犀低代码平台重构原来的业务，原来的接口稍作调整就可以复用，需要基于这些接口来重新开发页面。现场网关调用链要求严苛，必须是前台直接调用这些接口，不能再通过后台的服务来调用。对前端提出定制适配的要求，前端需要适配现场的接口，同时也要集成现场的网关的鉴权和数据的解密。

集成方案

集成开发

灵犀低代码平台和现场集成内容，往往要包括了配置态和运行态这两部分。这些都是需要平台框架侧进行定制开发，为批量的配置应用做好准备工作。

1）配置态--适配现网PaaS平台，现应用全生命周期管理

此运营商客户一直走在数字化转型的前沿，现网PaaS平台的复杂，网关调用方向非常苛刻，集成困难是比较大。但是得益于灵犀平台先进的技术架构，使用对接起来比较顺利。首先，灵犀低代码平台基于云原生技术架设，能很好地适配各种主流的容器化技术，按照现场的重新制作镜像规则，满足现场的CICD流程、弹性扩容和AB平面高可用要求；其次，由于遵循了现场的应用开发规范，使得通过平台创建的各个应用自动打通前后天网关，符合安全规范要求；另外，平台还集成了现场的应用管理规范，使得通过其创建的各个应用自动分配资源。完美对接现网PaaS平台，集成DevOps，实现“应用全生命周期管理”，大大降低应用资源分配、安装部署的复杂度。

我们在不断完善和试错中，完成了平台间的完美对接，同时也验证了“灵犀低代码平台”在复杂严苛的PaaS平台的集成能力，体现了产品架构的灵活性和扩展性。

2）运行态--前端工程对接前台网关

灵犀低代码平台为了在配置态能快捷配置出页面应用，对外部的接口有标准要求。但如果现场的接口无法按照我们的进行开发调整，那就需要我们在灵犀低代码平台进行适配。可以在前端运行态增加代码进行适配，也可以在服务编排进行适配。本应用采用了前端进行适配。同时现场前台网关的接口出入参需要加解密，也需要定制进行解析。

另外，客户有严格的UI规范，包括行距、颜色、按钮颜色等都有自身的要求，为了体验统一，我们要定制调整。

以上都可以在灵犀低代码平台提供的定制包工程的代码上进行开发，定制包的开发可以不影响核心包的功能。

应用代码开发

“宽带续包”应用还有40%的功能使用了高代码的方式，无法拖拉拽的配置出来。为什么还要编写代码开发呢？

首先，现场这个应用提供了79个原子的接口，这些接口不能直接给页面编排使用，还需要进行编排后才能输出对前端友好的接口。原本可以通过“服务编排”工具进行可视化的编排，但本项目现场接口不走后台对接，就需要我们在前端编写代码进行编排。

高代码开发

其次，对于部分非标准的控件，底下可能包含了非常多的业务逻辑代码，如果使用可视化编排会非常复杂，那么采用编写代码的方式进行封装，封装后还可以沉淀成一个业务组件，以后供其他应用使用。

业务组件封装

灵犀低代码平台提供了四层的扩展模型，可以满足复杂场景下的个性化要求。

四层扩展模型

可视化编排开发

灵犀低代码平台提供了多种可视化编排工具：页面编排、对象配置、流程编排、服务编排等。“宽带续包”应用对接现场的接口，主要使用了页面编排工具。灵犀平台通过构建前端标准化框架，将前端页面元素和交互功能全部使用灵犀平台编排出来，让开发人员聚焦于业务规则的校验和报文数据的处理，大大提升了前端应用开发的效率。

首先，页面配置好数据源，数据源就来源于现场的接口或加工后的接口。然后拖拽控件到页面布局上，然后绑定此数据源，在运行态就会自动完成接口的请求和返回报文数据绑定到控件一系列的动作。前端是通过数据来驱动页面元素的渲染和联动，摒弃操纵dom元素的方式，大幅减小低代码编写量。

页面编排

其次，通过事件编排工具来组织页面上元素的事件和动作的逻辑。平台内置提供了非常多的前端动作，通过编排的方式将这些动作连接起来，完全取代以往手写代码的方式。几乎能想得到的交互都可以通过这个工具进行可视化的配置，非常灵活。

事件编排

最后，在配置环境就可以点击进行预览，以便联调和修改。在此案例中，因为我们的应用要集成到业务大厅的门户，需要人工登录后才能调用得到测试环境的接口。针对这些特殊的情况，产品上也提供了拷贝登录后的cookie和认证信息保存在配置态，然后就可以点击直达应用页面开始进行联调。在现场环境的集成对接方面，为了提升开发人员的开发体验，产品是适配了很多不同的场景。

部署

通过灵犀低代码平台开发应用，有两种产物，一种是运行态定制包工程的编写的代码（存放现场的git仓库上），另外一种是配置态编排后产生的配置数据（存放在的现场的配置数据库上）。前者，灵犀低代码平台集成了现场的DevOps平台，可以走现场的CICD构建镜像推送到测试环境或生成环境。后者，可以从配置环境导出这些设计包，再导入到测试环境或生产环境。部署都可以在线完成。

DevOps集成和交付

案例总结

我司联合此运营商客户，基于灵犀低代码平台开箱即用的差异化技术、多样化的搭建模式以及不同开发场景覆盖和分级使用的模版，并结合可扩展编程的工具和方法，历经3个月，通过原服务研究、逻辑梳理、开发、平台集成等过程，快速实现了简单和复杂业务上线并正式对外开放。与此同时，平台能力也持续迭代升级，前端组件不断丰富，技术组件兼容性增强，支持高低代码混合开发等。

回顾这个案例的开发过程，我们通过页面编排工具开发了6个主页面+9个弹窗页面，对接了79个现场接口，编排出8个新的服务接口，也封装沉淀了8个业务组件，通过900个测试用例的测试并累计提出80个缺陷（含用户体验），整体质量高、修复效率高。前台的页面交互使用灵犀低代码平台进行编排组装，相对传统开发，代码量节省了50%。开发阶段耗时4个人月，相对传统开发预估的8个人月，提效50%。

未来规划

除在此运营商客户成功落地外，浩鲸科技灵犀低代码平台目前也在联通、移动、电信等诸多项目中落地。

未来，我们将不断提升灵犀低代码平台的能力，融入AI智能技术提升配置体验，完善面向开发人员的低代码平台，增加面向业务人员的零代码平台，并实现零低的互通，覆盖更多的使用人群并让他们能协同起来。我们将低代码/零代码应用于各个场景中，携手生态伙伴，共同推动各行业的数字化发展和应用落地，践行新理念新模式，强化效率和效益双提升。

媒体中心

媒体中心

鲸品堂｜技术揭秘！浩鲸科技灵犀低代码平台的探索与实践

关于我们

产品与解决方案

成功故事

媒体中心