2024前端负责人 / 全栈开发
HOBY 全流程供应链平台
ReactVue3Node.js BFFJava低代码
Overview
HOBY 供应链平台是一个复杂的 B2B 业务系统，涉及采购、仓储、物流、结算等多个环节。由于不同客户的业务流程和表单字段差异巨大，传统的定制化开发模式难以为继。因此，我们决定引入低代码架构，以配置化驱动业务交付。
Challenges
- 01
跨技术栈渲染：历史系统基于 Vue3，而新的配置端更适合用 React 生态（如 Formily）构建，如何实现跨端渲染？
- 02
复杂表单联动：供应链表单字段多达上百个，且存在复杂的联动校验逻辑。
- 03
微服务接口聚合：后端微服务拆分过细，前端直接调用会导致网络请求爆炸和逻辑碎片化。
Solutions
- 01
设计了统一的 JSON Schema 协议，React 负责生成 Schema，Vue3 侧开发了一套基于 Schema 的动态渲染引擎，实现双端解耦。
- 02
引入 Node.js BFF（Backend for Frontend）层，使用 GraphQL/REST 聚合底层微服务接口，为前端提供裁剪后的聚合数据，大幅降低前端复杂度。
- 03
在低代码引擎中内置表达式沙箱，支持业务人员通过简单的 JavaScript 表达式配置表单联动逻辑。