Visual Service Orchestration for BFF Layer in JD Finance App: Challenges, Design, and Impact

The article introduces the concept of a Backend‑For‑Frontend (BFF) layer, which aggregates multiple backend services into a single API for front‑end applications, reducing client‑side complexity but bringing new challenges such as low coding efficiency, difficulty standardising code details, poor debugging experience, and weak service‑governance capabilities.

To address these issues, JD Finance built a visual service‑orchestration system that enables developers to compose, test, and deploy BFF functionalities through an online drag‑and‑drop interface, eliminating most hand‑written code and thus improving developer productivity and happiness.

The platform’s core capabilities include:

Interface orchestration: supports serial, parallel, and exclusive (if‑else) calls, with automatic handling of data merging, trimming, sorting, and formatting.

Parameter handling: static inputs via UI fields and dynamic inputs via expressions or scripts (e.g., UUID, random numbers).

Exception handling: configurable assertions, strategies (ignore or abort), and custom handlers for fallback data.

Debugging and testing: real‑time console logs, mock responses based on request parameters, and online test execution.

Deployment: zero‑downtime service refresh by updating in‑memory data instead of restarting containers.

Technically, the system adopts a trimmed BPMN (Business Process Modeling Notation) DSL for workflow definition, re‑uses the open‑source bpmn.js library for the visual canvas (customised with Vue to hide irrelevant BPMN properties), and implements a self‑developed execution engine that pre‑processes the workflow into executable units, uses asynchronous full‑link I/O with event‑driven callbacks, and achieves high performance and stability.

Operational results show that the visual orchestration reduces the end‑to‑end delivery cycle from hours to minutes, improves service‑governance by making interface and service metadata structured and searchable, and speeds up issue tracing through clear visual flow diagrams.

In conclusion, the visual service‑orchestration approach successfully solves the pain points of traditional BFF development, delivering significant efficiency gains, better governance, and faster debugging for the JD Finance mobile application.