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

2023-11-06

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

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

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

架构设计

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

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

结语

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

作者:京东零售 陈震

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

撮合前端平台在低代码平台的落地实践 的相关文章

  • Web测试是在测什么?容易被忽视的小细节总结!

    2024软件测试面试刷题 这个小程序 永久刷题 靠它快速找到工作了 刷题APP的天花板 CSDN博客 文章浏览阅读2 2k次 点赞85次 收藏11次 你知不知道有这么一个软件测试面试的刷题小程序 里面包含了面试常问的软件测试基础题 web自
  • filezilla中文目录乱码怎么解决

    FileZilla是一款常用的文件传输工具 但在使用过程中可能会遇到乱码的问题 以下是一些可能的解决方案 设置字符集 在连接上站点后 点击菜单栏的 文件 选项 下拉选择 添加当前连接到站点管理器 在弹出的 站点管理器 窗口中 左侧选择 新站
  • 作为项目经理,敏捷ACP有必要考吗?

    ACP Agile Certified Practitioner 是指敏捷项目管理人士 人事 资格认证 由美国项目管理协会 PMI 举办的敏捷项目管理专业人员 ACP 认证考试 PMI ACP 认证验证了从业人士理解 应用敏捷原则及在项目上
  • 环信IM Demo登录方式如何修改为自己项目的?

    在环信即时通讯云IM 官网下载Demo 本地运行只有 手机 验证码 的方式登录 怎么更改为自己项目的Appkey和用户去进行登录呢 本文以Web端为例 教大家如何更改代码来实现 1 VUE2 Demo vue2 demo源码下载 vue2
  • vue中的防抖和节流

    在Vue中 防抖和节流是两种常用的优化技术 用于限制事件的触发频率 以提高页面性能 防抖 Debounce 是指在事件被触发后 等待一段时间后再执行回调函数 如果在这段等待时间内 事件又被触发 则重新计时 防抖通常用于限制重复触发频率较高的
  • vue的组件

    在Vue中 组件是可复用的代码块 用于构建用户界面 Vue的组件系统允许您将界面拆分为独立的 可重复使用的部件 提供了更好的代码组织和复用性 以下是在Vue中创建组件的基本步骤 创建一个组件实例 可以使用Vue extend 方法创建一个V
  • 事件委托Tab栏切换

  • React安装依赖 node_modules中有下载依赖项但package.json文件中没有依赖

    React安装依赖 node modules中有下载依赖项但package json文件中没有依赖 直接在下载依赖项后 加 S 就可以解决 随机 id 生成器 uuid nanoid npm install nanoid S S save
  • 浏览器缓存相关面试题一网打尽,理论结合实践,用代码学习缓存问题,建议关注+收藏,(含项目源代码)

    前言 浏览器缓存的问题是面试中关于浏览器知识的重要组成部分 也是性能优化题目的一部分 但是不要被吓到 我话放到这里 就那么点东西 我这一篇文章基本上就涵盖了所有相关的知识点 认真看一遍 所有的问题都是纸老虎 一 准备工作 1 1 拉取仓库
  • JNPF——面向研发使用、全栈开发、前后端分离的低代码平台

    1 背景 JNPF是一个快速开发应用的平台 一款 面向研发开发使用 全栈开发 前后端分离 的低代码工具 拥有强大的 可视化建模 数据库和API集成能力 目前已有将 超千家企业 将JNPF低代码开发工具融入内部研发体系 相较于传统的产研开发
  • ECMAScript简介及特性介绍

    ECMAScript 简称ES 是JavaScript的规范 同时也是被广泛采用和实现的脚本语言标准 从最初的1996年推出第一版至今 ECMAScript已经经历了数十年的发展和改进 成为了互联网开发中的重要基石之一 本文将对ECMASc
  • 38条Web测试经验分享

    1 页面链接检查 每一个链接是否都有对应的页面 并且页面之间切换正确 可以使用一些工具 如LinkBotPro File AIDCS HTML Link Validater Xenu等工具 LinkBotPro不支持中文 中文字符显示为乱码
  • 每天10个前端小知识 <Day 6>

    前端面试基础知识题 1 使用js实现二分查找 二分查找 也称为折半查找 是指在有序的数组里找出指定的值 返回该值在数组中的索引 查找步骤如下 从有序数组的最中间元素开始查找 如果该元素正好是指定查找的值 则查找过程结束 否则进行下一步 如果
  • HTML概述、基本语法(表格整理、标签、基本结构)

    一 HTML概述 HTML指的是超文本标记语言 超文本 是指页面内可以包含图片 链接 声音 视频等内容 标记 标签 通过标记符号来告诉浏览器页面该如何显示 我们可以打开浏览器 右击页面 点击 查看网页源代码 来方便了解HTML标签通过浏览器
  • Vue3 和Vue2的区别,以及钩子函数的使用

    Vue js 3 和 Vue js 2 是两个主要版本的流行前端框架 它们之间有很多区别 包括性能优化 新特性和改进的API等 以下是一些Vue 3与Vue 2之间的主要区别 以及一些示例代码来说明这些差异 1 性能优化 响应式系统 Vue
  • CIO必备技能,手把手教你做好企业信息化规划

    很多公司在做信息系统实施的时候 我都会要求他们先做一件事 顶层设计 用大白话说就是IT规划或者信息化规划 那么到底什么是信息化规划 中小企业适不适合去做信息化规划 该怎么做 由谁去做 本着说人话 不废话的原则 这篇给大家分享关于企业信息化建
  • 主流进销存系统有哪些?企业该如何选择进销存系统?

    主流进销存系统有哪些 企业该如何选择进销存系统 永久免费 的软件 这个可能还真不太可能有 而且就算有 也只能说是相对免费 因为要么就是数据存量有限 要么就是功能有限 数据 信息都不保障 并且功能不完全 免费 免费软件 免费进销存 诸如此类
  • chrome浏览器无法在地址栏输入内容搜索问题解决--图文

    关于日常遇到的小问题解决记录一下 1 导航栏录入信息后跳转错误 2 解决办法 默认百度搜索引擎地址错误 百度正确的搜索格式是 http www baidu com s wd s chrome浏览器中百度的搜索格式是 http www bai
  • 考虑光伏出力利用率的电动汽车充电站能量调度策略研究(Matlab代码实现)

    欢迎来到本博客 博主优势 博客内容尽量做到思维缜密 逻辑清晰 为了方便读者 座右铭 行百里者 半于九十 本文目录如下 目录 1 概述 2 运行结果 3 参考文献 4 Matlab代码 数据
  • 获取年与年之间的所有年份

    function getYearsBetween startYear endYear var years 存放结果的数组 for var year startYear year lt endYear year years push year

随机推荐

  • 常用jdbc连接url

    常用JDBC连接数据库方法总结如下 一 JDBC连接DB2 Class forName Com ibm db2 jdbc net DB2Driver String url jdbc db2 dburl port DBname cn Driv
  • Go 基于 Redis + Lua 实现分布式限流器

    Go 基于 Redis Lua 实现分布式限流器 限流算法在分布式系统设计中有广泛的应用 特别是在系统的处理能力有限的时候 通过一种有效的手段阻止限制范围外的请求继续对系统造成压力 避免系统被压垮 值得开发工程师们去思考 实际生活中 限流器
  • discuz search.php 伪静态,discuz门户栏目的伪静态开发,分页也实现伪静态 (目录化)...

    基于代码X3 其它版本源码 请自行验证 Discuz后台的伪静态配置不包含门户频道页的伪静态配置 应该是考虑到频道页的URL地址变化太多的原因 下面 我们就来开发源码 加上这个功能 第一步 加上语言包中的记录 根目录下 source lan
  • collection 转Map

    public static
  • 华为android如何删除,华为手机内存中的“其他”能删除吗?现在就来揭秘

    原标题 华为手机内存中的 其他 能删除吗 现在就来揭秘 安卓手机用了不到两个月 其他 类数据占了10G 我相信不仅仅你一个人会遇到这种情况 如果你经常使用手机 那设备的存储空间当中肯定有很大一部分被归为 其他 类的数据所占据 用的时间越久
  • 字符串7:重复的子字符串

    主要是我自己刷题的一些记录过程 如果有错可以指出哦 大家一起进步 转载代码随想录 原文链接 代码随想录 leetcode链接 459 重复的子字符串 题目 给定一个非空的字符串 s 检查是否可以通过由它的一个子串重复多次构成 示例 示例 1
  • ug12.0安装教程以及UG12许可证安装

    ug12 0安装教程以及UG12许可证安装 附中文版百度云下载地址 知乎 zhihu com 参考该文章 切记 如果忘了修改 安装完成后 计算机右键 属性 高级 环境变量 系统变量中找到SPLM LICENSE 编辑 将值改为27800
  • MMEditing 介绍——注册器

    目录 什么是注册器 注册器工作原理 为什么要用注册器 MMEditing 中的注册器 注册器带来的不便如何解决 什么是注册器 python 的 register 可以理解为一个字典 字典中存储了 class function 的名称和内容
  • UE4之接口

    参考 https docs unrealengine com zh CN Programming UnrealArchitecture Reference Interfaces index html 接口的模式比较固定 下面就上我定义的接口
  • Tomcat中常见线程说明

    本文讲述了Tomcat的常见线程的功能 名称 线程池和配置等信息 其中源码来自于Tomcat 6 0 18 Work线程 功能 HTTP请求的处理线程 非NIO 当有新的http请求进来后 则会从线程池中获得一个线程Work对象 调用Wor
  • 什么是webhook?

    1 什么是webhook webhooks是一个api概念 是微服务api的使用范式之一 也被成为反向api 即 前端不主动发送请求 完全由后端推送 举个常用例子 比如你的好友发了一条朋友圈 后端将这条消息推送给所有其他好友的客户端 就是
  • 国内VS Code下载速度慢

    在知乎上面看到一个非常有效的方法 原链接 国内下载vscode速度慢问题解决 知乎 具体方法如下 1 直接百度搜索VS CODE 点击下载后获取下载链接 2 取出链接 并替换原链接中域名为vscode cdn azure cn 将新链接粘贴
  • 学习Spring

    1 如何学习Spring 你可以通过下列途径学习spring 1 spring下载包中doc目录下的MVC step by step和sample目录下的例子都是比较好的spring开发的例子 2 AppFuse集成了目前最流行的几个开源轻
  • STM32命名规则

    STM32型号命名规则如下 STM32型号的说明 以STM32F103ZET6这个型号的芯片为例 该型号的组成为7个部分 其命名规则如下 1 STM32 STM32代表ARM Cortex M3内核的32位微控制器 2 F F代表芯片子系列
  • Java 基础语法

    使用ide来进行编程 对于java来说 最好的idle 是intellijidea IDEA 通过一个例子练习 idea 一 超市管理系统功能 使用ide来进行编程 java最好的ide 是idea 1 import java util A
  • python--字典概念以及基本使用 -- 小黑学习驿站

    字典应用案例 697条消息 python 商店购物案例 字典篇 小黑学习驿站 小黑日志的博客 CSDN博客 697条消息 python学习 计算学生成绩排名案例 字典篇2 小黑学习驿站 小黑日志的博客 CSDN博客 字典基本概念 映射关系
  • 关于渠道包

    渠道包指的是在各大应用市场 发布的apk包的清单文件中 某个meta data标签下 配置的value不一样 这个标签的作用就是用来区分是哪个市场的 比如你发布到360 这个值就是你就可以配置成360 豌豆荚就可以配置成wandoujia
  • 微信小程序云开发之——网页跳转小程序

    一 微信小程序开通云开发 微信小程序公众平台拿到如下参数 你的小程序信息 小程序 AppID 填入你的小程序 AppID 云开发环境 ID 填入你的开通了静态网站托管的云开发环境 ID 想要拉取的小程序信息 小程序原始账号 ID 填入要跳转
  • 微信小程序授权登录详解

    文章目录 流程 wx login auth code2Session 实战 前端代码 后端代码 流程 说明 调用 wx login 获取 临时登录凭证code 并回传到开发者服务器 调用 auth code2Session 接口 换取 用户
  • 撮合前端平台在低代码平台的落地实践

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