A service integration method and apparatus
By building a unified page component library and generating basic meta-components using the SolidJS framework, the problems of high development costs, difficult maintenance, and inconsistent user experience in cross-technology stack component reuse are solved. This achieves efficient and compatible component integration and management, thereby improving development efficiency.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- JINGDONG TECH HLDG CO LTD
- Filing Date
- 2026-03-03
- Publication Date
- 2026-06-09
AI Technical Summary
In existing technologies, the reuse of components across technology stacks suffers from high development costs, high maintenance difficulty, and inconsistent user experience. In particular, it is difficult to achieve efficient reuse of core business capabilities and maintain consistency in front-end development where multiple technology stacks coexist.
By building a unified page component library containing basic meta-components and business components, using the SolidJS framework to generate basic meta-components, and converting them into Web component standards, unified management and flexible integration of components across technology stacks are achieved. Reactive variables, lifecycle functions, and interaction logic configurations are adopted to ensure the compatibility and consistency of components under different technology stacks.
It significantly reduces development costs and maintenance difficulty, improves component reuse efficiency, ensures cross-platform compatibility and consistency, avoids style pollution and performance loss, and provides a lightweight, high-performance component-based solution.
Smart Images
Figure CN122173084A_ABST
Abstract
Claims
1. A business integration method, characterized in that, include: In response to a component integration request from a business system, a page component library is displayed; wherein, the page component library includes basic meta-components and business components, the business components are generated by configuring the basic meta-components, the basic meta-components are generated by compiling front-end framework components, and the front-end framework components are components developed using a technology stack framework; In response to a selection operation on one or more page components in the page component library, the selected page component is integrated into the business system.
2. The method according to claim 1, characterized in that, The business components are generated by configuring the basic meta-components, including: It receives the dependent business interfaces configured for the basic meta-components, as well as the business logic between the configured business interfaces, to generate business components; and It receives the dependent business parties configured for basic meta-components or business components, as well as the business logic between them.
3. The method according to claim 1, characterized in that, The basic meta-components are generated by compiling front-end framework components, including: In response to the selection operation of a front-end framework component in the front-end framework component library, the system receives the parameters configured for the front-end framework component, and performs conversion and compilation processing on the parameters through the preset parameter conversion relationship between the front-end framework component and the page component to obtain the basic meta-component.
4. The method according to claim 3, characterized in that, The parameters include one or more of reactive variables, interaction logic, and lifecycle functions. The reactive variables include a reactive state and a field corresponding to the reactive state. The reactive state is used to trigger the page element corresponding to the field value to re-render when the field value corresponding to the field value changes. The step of receiving parameters configured for the front-end framework component and performing conversion and compilation processing on the parameters based on a preset parameter conversion relationship between the front-end framework component and the page component includes: Receive reactive variables configured for the front-end framework component, and convert the reactive states and fields in the reactive variables into page component properties through the parameter conversion relationship; Receive the lifecycle functions configured for the front-end framework components, and convert the lifecycle functions into page component lifecycle functions through the parameter conversion relationship; The system receives the interaction logic configured for the front-end framework component, determines the interaction event corresponding to the interaction logic, and converts the interaction event into a page component document object model event through the parameter conversion relationship.
5. The method according to claim 3 or 4, characterized in that, The method further includes: Receive styles configured for the front-end framework component, and embed the styles into the front-end framework component using style tags.
6. The method according to claim 4, characterized in that, The step of receiving the interaction logic configured for the front-end framework component includes: Based on one or more interaction logics selected from the set of built-in interaction logics in the front-end framework, the interaction logic is configured for the front-end framework components in a combination manner.
7. A business integration device, characterized in that, include: The response module is used to respond to component integration requests from the business system and display the page component library; wherein, the page component library includes basic meta-components and business components, the business components are generated by configuring the basic meta-components, the basic meta-components are generated by compiling front-end framework components, and the front-end framework components are components developed using a technology stack framework; An integration module is used to integrate the selected page component into the business system in response to a selection operation of one or more page components in the page component library.
8. An electronic device, characterized in that, include: One or more processors; Storage device for storing one or more programs. When the one or more programs are executed by the one or more processors, the one or more processors implement the method as described in any one of claims 1-6.
9. A computer-readable medium having a computer program stored thereon, characterized in that, When the program is executed by the processor, it implements the method as described in any one of claims 1-6.
10. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the method as described in any one of claims 1-6.