首页 > 其他分享 >撮合前端平台在低代码平台的落地实践

撮合前端平台在低代码平台的落地实践

时间:2023-08-29 16:25:11浏览次数:28  
标签:撮合 接入 前端 平台 业务 页面

在京东技术的发展当下,不同的业务线,不同的区域,甚至于很多触达消费者的端,正在被中台架构能力所支撑。大家都很清楚,中台建设能够带来技术的规模化效应,具有提高业务协同、加速创新和交付速度、提高系统稳定性和可靠性、降低成本和支持业务快速发展等优势。

中台架构往往和领域产品有密切的关系,领域产品是在京东体系中,处于前台和共享业务域之间,基于标准理论标准,为实现某个特定商业场景、而提供的一组业务活动能力,接入团队可以通过复用领域产品的能力,达到快速实现业务需求的目的。

基于传统认知,前端产品直接触达消费者,往往具有高度的定制化、需求变更频繁等特点,要求具有很好的动态性, 能够满足不同客户的需求。那么能否建设类似的前端中台产品,我们姑且称之为“前端领域产品”,实现接入团队端到端能力复用呢?我们在撮合业务线中进行了一系列思考和探索。

架构设计

image.png
左图展示了实现前端领域产品之前业务线的接入模式:各个业务线独立对接撮合中台,需要各自搭建前端平台(端)。右图展示了在撮合中台和端之间,嵌入了前端领域产品(后文中统一称为撮合前端平台),以一套MVP标准版驱动多种业务形态接入,对各个业务线提供前端支撑能力,提供接入撮合的基础能力和业务能力供业务方使用,业务接入后不再需要自己搭建前端平台,而是作为撮合前端平台的一部分直接使用,这样就大大减少了开发成本。

作为一套标准领域产品,撮合前端平台应当具有如下特征:

  • 能力隔离:实现不同业务接入的数据隔离、业务形态隔离

  • 标准化:对撮合业务进行模型抽象,对流程不同环节中的业务提供标准组件

  • 兼容性:不同业务线之间能够实现技术通用和复用

  • 易扩展:新业务快速接入,不同业务域具有一定的定制化能力

技术方案

撮合业务可以抽象为多租户接入模型,在数据隔离方面主要参考交易中台的四要素模型,四要素包含租户(Tenant)、流量场(BU)、子渠道(Channel)、用户终端(UA),主要应用于多租户、多流量场、多销售渠道、多端的业务场景。

租户(Tenant) 流量场(BU) 子渠道(Channel)
控制方 领域产品 领域产品 接入方
载体 应用/页面 页面 组件

撮合前端平台总体采用平台和接入方共享共建的方式使用:

  • 针对租户级别的差异性,我们考虑使用应用或页面的方式进行承载,例如撮合前端平台划分为3个基础应用,分别为买家端、商家端和运营端,分别承担撮合询价、报价和管理的角色。在新业务接入时,若与基础应用能力差异很大,则可基于基础应用快速搭建子应用接入的方式;否则可采用基础应用内新建页面的形式。

  • 针对场差异性,使用页面的方式进行隔离承载,由领域产品提供抽象的业务闭环能力,例如询价能力、报价能力,由接入方进行使用。

  • 最后针对场内的细微差异,接入方可通过页面/组件暴露的配置化接口进行配置的方式实现。

  • 若撮合前端平台能力不足,则接入方也可通过平台提供的能力自建组件进行能力补充。

低代码平台与产品形态契合度高、设计风格统一,能够支持业务快速运维部署,我们认为这套业务模型在低代码平台上进行落地更为高效,因此在技术选型的过程中选择了水滴低代码平台进行撮合前端平台的可视化搭建 ,充分利用低代码平台的内置能力,例如表单表格、权限管控、微前端等。基于低代码平台能力和底层撮合中台的能力,我们针对撮合业务形态搭建了完整的业务链路。
image.png
image.png

技术加速

在2022/12我们着手开始搭建撮合前端平台MVP版本,2023/2完成专项视觉优化改造,并在2023/3规划新业务接入。在大促前后,将技术架构进一步改良,驱动这种创新能力在新业务接入中进行赋能,有利于推动撮合交易业务增长。在新业务的接入中,识别到业务的较大差异,对原有基于SKU进行撮合的MVP能力进行了较大改造,实现了基于SKU和SPU进行撮合的两套业务体系。
image.png

在项目搭建的过程中充分利用低代码的页面搭建能力,实现了33个页面的标准页面开发,并完成如下通用化改造:

  • 场参数和环境参数:采用url传参的方式,实现四要素参数和环境参数的注入,实现数据和环境自由切换。

  • 统一拦截器:将分散在各个表单和表格的接口进行识别和整合,通过统一拦截器进行处理,封装公共逻辑如接口异常处理、公共参数拼接等,对接口调用方式进行了精简。

  • 能力复用:对功能进行更细粒度的拆分和重组,如将询价单和商品信息剥离开,询价单操作和询价单展示剥离等,新增页面表头操作组件、spu查询组件、spu卡片等组件,并兼容跨场能力。引入描述性列表组件和通用描述协议,实现跨场动态表单配置和渲染。业务组件采用npm包插件的方式引入,可以在低代码页面引入后使用。

  • 微前端改造:支持业务线进行旧工程微前端改造,实现低代码页面以微前端方式嵌入。

image.png

新业务作为新的场接入,由撮合前端平台在平台基础上一键复制新的子应用或子页面供业务方使用。撮合前端平台提供了丰富的基础组件和定制化的业务组件可供使用,并且全部支持配置可视化,业务方可利用拖拽的方式进行页面功能调整后发布生效。

结语

撮合前端平台尚且年轻,但是凝聚着京东技术人的智慧,相信未来会有更广阔的应用前景。

作者:京东零售 陈震

来源:京东云开发者社区 转载请注明来源

标签:撮合,接入,前端,平台,业务,页面
From: https://www.cnblogs.com/Jcloud/p/17665149.html

相关文章

  • 前端面试笔记
    css常见的水平居中实现方案flex布局方案<divclass="father"><divclass="son"></div></div>.father{width:100%;height:20%;background-color:red;display:flex;justify-content:center;align-items:center;}......
  • 安防监控/磁盘阵列存储/视频汇聚平台EasyCVR调用rtsp地址返回的IP不正确是什么原因?
    安防监控/云存储/磁盘阵列存储/视频汇聚平台EasyCVR可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有GB28181、RTSP/Onvif、RTMP等,以及厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等,能对外分发RTSP、RTMP、FLV、HLS、WebRTC等格式的视频流。有用户反馈,通......
  • 视频汇聚/视频云存储/视频监控管理平台EasyCVR接入海康SDK协议后无法播放该如何解决?
    开源EasyDarwin视频监控/安防监控/视频汇聚EasyCVR能在复杂的网络环境中,将分散的各类视频资源进行统一汇聚、整合、集中管理,在视频监控播放上,视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放,可同时播放多路视频流,也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种播放......
  • Cloudpods 私有云平台有哪些优势?
    作为一套完整的私有云管理软件,我们经常会被问到Cloudpods和其他的同类产品相比,有哪些优势?我总结了2个方面,供大家参考。功能方面产品化,开箱即用,易用性较高,基本上都可以傻瓜式的操作,当然有些牵扯到技术层面的问题,也免不了会有一些专业的概念或者操作。自动化安装部署裸机,支......
  • EasyGBS国标视频平台与第三方视频联网平台级联的具体操作步骤
    国标视频云服务EasyGBS支持设备/平台通过国标GB28181协议注册接入,并能实现视频的实时监控直播、录像、检索与回看、语音对讲、云存储、告警、平台级联等功能。其中,级联功能可以实现平台与平台之间的数据互联互通,降低数据共享难度,在很多安防场景中均有应用,如明厨亮灶、平安乡村等。......
  • 教程更新 | RK3568驱动指南第六篇-平台总线
     《iTOP-RK3568开发板驱动开发指南》更新,本次更新内容对应的是驱动(第六期_平台总线_全新升级)视频,后续资料会不断更新,不断完善,帮助用户快速入门,大大提升研发速度。     ✦第一篇驱动基础 第1章前言 1.1学习方法 1.2基础准备 第2章你好!内核源码 2......
  • 值得收藏的前端开发必备工具类函数
     /***空值:[undefined,null,NaN,[],{}],注意非空:0,false;*@param{*}value*@returnsBoolean*/functionisEmpty(value){switch(Object.prototype.toString.call(value)){case'[objectUndefined]':returnvalue===vo......
  • 国标视频平台EasyGBS如何使用对应密钥上传到其他平台
    GB28181视频平台EasyGBS是一个基于国标GB28181协议的视频云服务平台。它支持多路设备同时接入,并能将视频流以RTSP、RTMP、FLV、HLS、WebRTC等格式分发给多个平台和终端。该平台提供视频监控直播、云端录像、云存储、检索回放、智能告警以及语音对讲等功能。在视频能力方面,EasyGBS支......
  • 直播平台搭建,RecyclerView实现item图片放大缩小
    直播平台搭建,RecyclerView实现item图片放大缩小((ShopDetailsViewHolder)holder).img_list.setOnClickListener(newView.OnClickListener(){  @RequiresApi(api=Build.VERSION_CODES.LOLLIPOP)  @Override  publicvoidonClick(Viewv){    Intentin......
  • RTSP/Onvif视频服务器EasyNVR视频平台设备在线但通道无法播放的问题解决方案
    EasyNVR是基于RTSP/Onvif协议的视频平台,可支持将接入的视频流进行全平台、全终端的分发,分发的视频流包括RTSP、RTMP、HTTP-FLV、WS-FLV、HLS、WebRTC等格式。为了满足用户的集成与二次开发需求,我们也提供了丰富的API接口供用户调用。有需要的用户可参照官方接口文档进行操作。......