Component Configuration Method, Device, Computer Equipment and Storage Medium for Application Development

By obtaining and comparing component information of IOS and React-Native development projects under the IOS system, modifying component configurations to link to private libraries, the problem of low hybrid development efficiency is solved, and cross-platform code reuse and efficient development are achieved.

CN113641353BActive Publication Date: 2025-06-17CHINA PING AN LIFE INSURANCE CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202110872314.0
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-07-30
Publication Date
2025-06-17
Estimated Expiration
2041-07-30

AI Technical Summary

Technical Problem

In the prior art, Native+H5 hybrid development leads to slow application iteration speed and low development efficiency, and React-Native cross-platform development requires a complex development environment, which increases the development complexity.

Method used

By obtaining the development projects of the IOS system framework and React-Native framework, analyzing component information and comparing the same components, obtaining path configurations, modifying component configuration information, so that components under the hybrid development project are linked to a private library, generating target development projects, and realizing cross-platform code reuse.

Benefits of technology

It improves the efficiency of application hybrid development under the IOS system, reduces the configuration complexity of the development environment, and retains the interactive logic of native development projects.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113641353B_ABST
    Figure CN113641353B_ABST
Patent Text Reader

Abstract

This application relates to the field of IOS application development configuration, and discloses a component configuration method, device, computer device and storage medium for application development. The method includes: obtaining a native development project of a first application developed based on the IOS system framework; obtaining the hybrid development project of the first application built based on the React-Native framework; parsing the hybrid development project to obtain component information and component configuration information included in the hybrid development project; determining the same components in the hybrid development project and the native development project based on the component information and component configuration information; obtaining the path configuration of the same components under the native development project; modifying the component configuration information of the same components under the hybrid development project according to the path configuration, so that the same components under the hybrid development project are linked to the private library corresponding to the path configuration, and generating a target development project of the first application. This application improves the efficiency of hybrid application development under the IOS system.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of IOS application development configuration, and particularly to a method, device, computer device and storage medium for component configuration in application development. Background Art

[0002] With the rapid development of the Internet currently, for the same business requirement, developers on both Android and iOS platforms need to invest manpower, and the iteration speed is affected. Currently, using Native+H5 hybrid development reduces the development investment on the two different platforms to a certain extent. However, as the business volume increases, the volume of the application program continuously increases, and using Native+H5 hybrid development cannot directly perform hot updates, resulting in the iteration speed of the application program being affected and the development efficiency of the application program being low. While using React-Native for cross-platform development requires configuring a complex development environment, increasing the development complexity and resulting in low development efficiency of the application. Summary of the Invention

[0003] The main object of the present application is to provide a method, device, computer device and storage medium for component configuration in application development, aiming to solve the problem of low efficiency of current hybrid development.

[0004] To achieve the above invention object, the present application provides a method for component configuration in application development, including:

[0005] Obtaining a native development project of a first application developed based on the IOS system framework; and

[0006] Obtaining a hybrid development project of the first application built based on the React-Native framework;

[0007] Parsing the hybrid development project to obtain component information and component configuration information included in the hybrid development project;

[0008] Comparing the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project;

[0009] Obtaining the path configuration of the same components under the native development project;

[0010] Modifying the component configuration information of the same components under the hybrid development project according to the path configuration, so that the same components under the hybrid development project are linked to the private library corresponding to the path configuration, and generating a target development project of the first application.

[0011] Further, before modifying the component configuration information of the same components under the hybrid development project according to the path configuration, it further includes:

[0012] Obtain the first dependency configuration information of the same component under the hybrid development project;

[0013] Obtain the second dependency configuration information of other components in the native development project except the same component;

[0014] Apply the first dependency configuration information and the second dependency configuration information to the target development project to add the dependency configurations of each component in the target development project.

[0015] Further, the modifying the component configuration information of the same component under the hybrid development project according to the path configuration includes:

[0016] Obtain the dependency relationships of each same component;

[0017] Determine the sequence levels of the same components according to the dependency relationships;

[0018] Modify the component configuration information of the same component under the hybrid development project according to the path configuration in sequence according to the sequence levels.

[0019] Further, the parsing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project includes:

[0020] Obtain a preset project development template;

[0021] Calculate the matching degree between the project development template and the hybrid development project;

[0022] If the matching degree is higher than a preset value, parse the hybrid development project according to the project development template to obtain the component information and component configuration information included in the hybrid development project.

[0023] Further, before obtaining the native development project of the first application developed based on the IOS system framework, it further includes:

[0024] Obtain the development version number of the first application;

[0025] After generating the target development project of the first application, it further includes:

[0026] Configure the version number of the target development project of the first application as the development version number.

[0027] Further, after generating the target development project of the first application, it further includes:

[0028] Configure component identifiers for the same components in the target development project of the first application respectively;

[0029] Run the target development project to obtain the operation data of each identical component;

[0030] Associate the operation data of each identical component with its component identifier to track the data of the identical component.

[0031] Further, after running the target development project to obtain the operation data of each identical component, it further includes:

[0032] Determine whether there is an association between the operation data of the identical component and the private library linked by the identical component;

[0033] If so, determine that the identical component is correctly connected to the target development project.

[0034] This application also provides a component configuration device for application development, including:

[0035] A native development module for obtaining the native development project of a first application developed based on the IOS system framework;

[0036] An RN development module for obtaining the hybrid development project of a first application built based on the React-Native framework;

[0037] An engineering analysis module for analyzing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project;

[0038] A component comparison module for comparing the component information and component configuration information with the native development project to determine the identical components in the hybrid development project and the native development project;

[0039] A path information module for obtaining the path configuration of the identical component under the native development project;

[0040] A path configuration module for modifying the component configuration information of the identical component under the hybrid development project according to the path configuration, so that the identical component under the hybrid development project is linked to the private library corresponding to the path configuration, and generating the target development project of the first application.

[0041] This application also provides a computer device, including a memory and a processor, where the memory stores a computer program, and when the processor executes the computer program, it implements the steps of the component configuration method for application development described in any one of the above.

[0042] This application also provides a computer-readable storage medium, on which a computer program is stored, and when the computer program is executed by a processor, it implements the steps of the component configuration method for application development described in any one of the above.

[0043] This application example provides a method for configuring hybrid development of applications under the IOS system. First, obtain the native development project of the first application developed based on the IOS system framework. All the code logic, databases, and configuration files of the native development project are developed according to the rules of the IOS system. Then, obtain the hybrid development project of the first application built based on the React-Native framework, parse the hybrid development project to obtain the component information and component configuration information contained in the hybrid development project, and compare the component information and component configuration information with the native development project, that is, compare the component information and component configuration information with the component information in the native development project. When the similarity between the components in the native development project and the components in the hybrid development project meets the preset value, determine them as the same components in the native development project and the hybrid development project, so as to obtain all the same components in the hybrid development project and the native development project. Then, obtain the path configuration of the same components under the native development project, and then modify the component configuration information of the same components under the hybrid development project according to the path configuration, that is, modify the path configuration in the component configuration information of the same components under the hybrid development project, and control the same components under the hybrid development project to link to the private library corresponding to the path configuration, so as to link to the private library established under the native development project, generate the target development project of the first application. Under the target development project, cross-platform code reuse between the native project and the hybrid development project is realized, there is no need to configure the development environment of the hybrid development project, and the interaction logic of the native development project is retained, improving the efficiency of hybrid development of applications under the IOS system. BRIEF DESCRIPTION OF THE DRAWINGS

[0044] Figure 1 It is a schematic flowchart of an embodiment of the component configuration method for application development of this application;

[0045] Figure 2 It is a schematic flowchart of a specific embodiment of step S30 of this application;

[0046] Figure 3 It is a schematic structural diagram of an embodiment of the component configuration device for application development of this application;

[0047] Figure 4 It is a schematic block diagram of the structure of an embodiment of the computer device of this application.

[0048] The realization, functional characteristics, and advantages of the purpose of this application will be further described in conjunction with the embodiments with reference to the drawings. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0049] To make the objectives, technical solutions and advantages of this application more clear and understandable, the following further elaborates on this application in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely used to explain this application and are not used to limit this application.

[0050] Referring to Figure 1 , an embodiment of this application provides a component configuration method for application development, including steps S10 - S60, and the detailed elaboration of each step of the component configuration method for application development is as follows.

[0051] S10. Obtain the native development project of the first application developed based on the IOS system framework.

[0052] This embodiment is applied to the development and configuration scenarios of applications under the IOS system. When hybrid development of an application under the IOS system is required, first obtain the native development project of the first application developed based on the IOS system framework, that is, obtain the development project of an application under the IOS system. The project developed under the IOS system is defined as the native development project. All the code logic, database, and configuration files of the native development project are developed according to the rules of the IOS system, meeting all the requirements and logics of native applications.

[0053] S20. Obtain the hybrid development project of the first application built based on the React - Native framework.

[0054] In this embodiment, to achieve the hybrid development of applications under the IOS system, modifications are made on the existing hybrid development framework. First, build the hybrid development project of the first application developed based on the React - Native (abbreviation: RN) framework, and then obtain the development project of the first application built based on the React - Native framework. The project developed on the React - Native framework is defined as the hybrid development project.

[0055] S30. Analyze the hybrid development project to obtain the component information and component configuration information included in the hybrid development project.

[0056] In this embodiment, after obtaining the hybrid development project of the first application built based on the React - Native framework, it is also necessary to analyze the hybrid development project. Since the project developed based on the React - Native framework has a preset template or logic, by analyzing the preset template or logic, the components of the hybrid development project are obtained. The components include component information and component configuration information. The component information includes the name and function information of the components; the component configuration information includes the database connection information of the components and the dependency information between each component.

[0057] S40. Compare the component information and component configuration information with the native development project to determine the identical components in the hybrid development project and the native development project.

[0058] In this embodiment, after parsing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project, compare the component information and component configuration information with the native development project. In one implementation, when the native development project contains a part whose similarity with the component information and component configuration information meets a preset value, determine this part as the identical components in the hybrid development project and the native development project; in another implementation, compare the components in the native development project with the component information and component configuration information included in the hybrid development project. When the similarity between component A1 in the native development project and component A2 in the hybrid development project meets the preset value, that is, the similarity between the component information and component configuration information of component A1 in the native development project and the component information and component configuration information of component A2 in the hybrid development project meets the preset value, determine component A1 in the native development project and component A2 in the hybrid development project as identical components, so as to obtain all the identical components in the hybrid development project and the native development project, which are defined as the identical components in the hybrid development project and the native development project. The identical components can refer to component A1 in the native development project or component A2 in the hybrid development project.

[0059] S50. Obtain the path configuration of the identical components under the native development project.

[0060] S60. Modify the component configuration information of the identical components under the hybrid development project according to the path configuration, so that the identical components under the hybrid development project are linked to the private library corresponding to the path configuration, and generate the target development project of the first application.

[0061] In this embodiment, after determining the same components in the hybrid development project and the native development project, obtain the path configuration of the same components in the native development project. The path configuration includes the name, method, and authorization information of the database linked by the same components in the native development project. Then, modify the component configuration information of the same components in the hybrid development project according to the path configuration, that is, modify the path configuration in the component configuration information of the same components in the hybrid development project, and control the same components in the hybrid development project to link to the private library corresponding to the path configuration, so as to link to the private library established in the native development project. The private library is the database established in the native development project and contains various application data and user data of the native development project. When the same components in the hybrid development project are connected to the private library corresponding to the path configuration, the hybrid development project and the native development project of the first application are integrated to generate the target development project of the first application, that is, a new development project is generated. The target development project is a development project under the vegeta-ios framework. The vegeta-ios framework is a combination of a React-Native project and a private pod library, which provides React-Native capabilities and can reduce the configuration of the React-Native environment, thereby improving the efficiency of hybrid development of applications under the IOS system.

[0062] This embodiment provides a method for configuring hybrid development of applications under the IOS system. First, obtain the native development project of the first application developed based on the IOS system framework. All the code logic, databases, and configuration files of the native development project are developed according to the rules of the IOS system. Then, obtain the hybrid development project of the first application built based on the React-Native framework, parse the hybrid development project to obtain the component information and component configuration information included in the hybrid development project, and compare the component information and component configuration information with the native development project, that is, compare with the component information in the native development project. When the similarity between the components in the native development project and the components in the hybrid development project meets the preset value, determine them as the same components in the native development project and the hybrid development project, so as to obtain all the same components in the hybrid development project and the native development project. Then, obtain the path configuration of the same components under the native development project, and then modify the component configuration information of the same components under the hybrid development project according to the path configuration, that is, modify the path configuration in the component configuration information of the same components under the hybrid development project, and control the same components under the hybrid development project to link to the private library corresponding to the path configuration, so as to link to the private library established under the native development project, generate the target development project of the first application. Under the target development project, cross-platform code reuse between the native project and the hybrid development project is realized, there is no need to configure the development environment of the hybrid development project, and the interaction logic of the native development project is retained, improving the efficiency of hybrid development of applications under the IOS system.

[0063] In one embodiment, before modifying the component configuration information of the same components under the hybrid development project according to the path configuration, it further includes:

[0064] Obtain the first dependency configuration information of the same components under the hybrid development project;

[0065] Obtain the second dependency configuration information of other components in the native development project except the same components;

[0066] Apply the first dependency configuration information and the second dependency configuration information to the target development project to add the dependency configuration of each component in the target development project.

[0067] In this embodiment, after modifying the component configuration information of the same components in the hybrid development project according to the path configuration, it is necessary not only to modify the path configuration information of each component, but also to add the dependency configuration information of each component. Specifically, obtain the first dependency configuration information of the same components in the hybrid development project, and at the same time obtain the second dependency configuration information of other components except the same components in the native development project, and then apply the first dependency configuration information and the second dependency configuration information to the target development project to add the dependency configuration of each component in the target development project. After adding the dependency configuration, each component can run sequentially in the target development project, which not only ensures the hybrid development efficiency of the same components, but also ensures the native development logic of other components in the native development project, and the project codes of the hybrid development project and the native development project can be reused, thereby improving the efficiency of component configuration in the target development project.

[0068] In one embodiment, the modifying the component configuration information of the same components in the hybrid development project according to the path configuration includes:

[0069] Obtain the dependency relationships of each of the same components;

[0070] Determine the priority levels of the same components according to the dependency relationships;

[0071] Modify the component configuration information of the same components in the hybrid development project according to the path configuration in sequence according to the priority levels.

[0072] In this embodiment, when modifying the component configuration information of the same components in the hybrid development project according to the path configuration, obtain the dependency relationships of each of the same components. The dependency relationship refers to which components need to run based on the running results of other components. Determine the priority levels of the same components according to the dependency relationships, and then modify the component configuration information of the same components in the hybrid development project according to the path configuration in sequence according to the priority levels. First, modify the component configuration information of the same components with higher priority levels. After modifying the component configuration information of the same components with higher priority levels, then modify the configuration information of the same components with lower priority levels that have dependency relationships with them, so as to sequentially complete the modification of the component configuration information and ensure the accuracy of the component configuration after project integration.

[0073] In one embodiment, as Figure 2 shown, the parsing the hybrid development project in step S30 to obtain the component information and component configuration information included in the hybrid development project includes:

[0074] S31: Obtain a preset project development template;

[0075] S32: Calculate the matching degree between the engineering development template described by the Institute of Computing Technology and the hybrid development project;

[0076] S33: If the matching degree is higher than the preset value, parse the hybrid development project according to the engineering development template to obtain the component information and component configuration information included in the hybrid development project.

[0077] In this embodiment, when parsing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project, obtain the preset engineering development template. The preset engineering development template is the template of the hybrid development project collected through big data. Then calculate the matching degree between the development template and the hybrid development project. If the matching degree is higher than the preset value, define the development template with a matching degree higher than the preset value as the target development template. Then parse the hybrid development project according to the target development template. The positions of the various components of a hybrid development project and the positions of the component information and component configuration information of each component are marked in the target development template. Thus, the positions of the component information and component configuration information included in the hybrid development project can be determined according to the target development template, and the component information and component configuration information included in the hybrid development project can be obtained.

[0078] In one embodiment, before obtaining the native development project of the first application developed based on the IOS system framework, it further includes:

[0079] Obtain the development version number of the first application;

[0080] After generating the target development project of the first application, it further includes:

[0081] Configure the version number of the target development project of the first application as the development version number.

[0082] In this embodiment, before obtaining the native development project of the first application developed based on the IOS system framework, obtain the development version number of the first application. For example, currently, it is necessary to perform hybrid development on the first application with the development version number V1. Then obtain the native development project of the first application developed based on the IOS system framework according to the development version number, and obtain the hybrid development project of the first application built based on the React-Native framework according to the development version number. When generating the target development project of the first application subsequently, configure the version number of the target development project of the first application as the development version number to ensure that the version numbers of the native development project, hybrid development project, and target development project of the first application are consistent, thereby ensuring the correctness of the version when the first application is updated.

[0083] In one embodiment, after generating the target development project of the first application, it further includes:

[0084] Configure component identifiers for the same components in the target development project of the first application respectively;

[0085] Run the target development project to obtain the running data of each same component;

[0086] Associate the running data of each same component with its component identifier to perform data tracking on the same components.

[0087] In this embodiment, after generating the target development project of the first application, configure component identifiers for the same components in the target development project of the first application respectively, that is, configure a different component identifier for each same component. For example, for the same component 1, configure the component identifier A1, and for the same component 2, configure the component identifier A2. Then run the target development project. When the target development project runs, each component will generate corresponding data, which is defined as running data. Then obtain the running data of each same component, and then associate the running data of each same component with its component identifier. Perform data tracking on the same components through the component identifier to ensure that the running data of the same components can be traced back and improve the efficiency of monitoring the same components.

[0088] In one embodiment, after running the target development project to obtain the running data of each same component, it further includes:

[0089] Judge whether there is an association relationship between the running data of the same component and the private library linked by the same component;

[0090] If so, determine that the same component is correctly connected to the target development project.

[0091] In this embodiment, after running the target development project, then perform data tracking on each same component, obtain the running data of each same component, and judge whether there is an association relationship between the running data of the same component and the private library linked by the same component, that is, judge whether the running data of the same component has operations of adding, deleting, modifying, and querying the data in the private library linked by the same component. If so, determine that there is an association relationship between the running data of the same component and the private library linked by the same component. If the running data is associated with the private library, it means that the same component has been successfully linked to the private library and can perform operations such as adding, deleting, modifying, and querying the data in the private library. When the same component is successfully linked to the private library, it is determined that the same component has completed access to the target development project, ensuring the correctness of the component configuration for IOS application hybrid development.

[0092] Refer to Figure 3 This application also provides a component configuration device for application development, including:

[0093] The native development module 10 is used to obtain the native development project of the first application developed based on the IOS system framework;

[0094] The RN development module 20 is used to obtain the hybrid development project of the first application constructed based on the React-Native framework;

[0095] The project parsing module 30 is used to parse the hybrid development project to obtain the component information and component configuration information included in the hybrid development project;

[0096] The component comparison module 40 is used to compare the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project;

[0097] The path information module 50 is used to obtain the path configuration of the same components under the native development project;

[0098] The path configuration module 60 is used to modify the component configuration information of the same components under the hybrid development project according to the path configuration, so that the same components under the hybrid development project are linked to the private library corresponding to the path configuration, and generate the target development project of the first application.

[0099] As described above, it can be understood that each component of the component configuration device for application development proposed in this application can implement the functions of any one of the component configuration methods for application development described above.

[0100] In one embodiment, the device further includes a dependency configuration module for performing:

[0101] Obtain the first dependency configuration information of the same components under the hybrid development project;

[0102] Obtain the second dependency configuration information of other components in the native development project except the same components;

[0103] Apply the first dependency configuration information and the second dependency configuration information to the target development project to add the dependency configuration of each component in the target development project.

[0104] In one embodiment, the path configuration module 60 further includes a rank unit for performing:

[0105] Obtain the dependency relationships of each same component;

[0106] Determine the sequence ranks of the same components according to the dependency relationships;

[0107] Modify the component configuration information of the same component in the hybrid development project according to the path in the order of the above-mentioned priority levels.

[0108] In one embodiment, the project parsing module 30 further includes a template matching unit for performing:

[0109] Obtain a preset project development template;

[0110] Calculate the matching degree between the project development template and the hybrid development project;

[0111] If the matching degree is higher than a preset value, parse the hybrid development project according to the project development template to obtain the component information and component configuration information included in the hybrid development project.

[0112] In one embodiment, the device further includes a version configuration module for performing:

[0113] Obtain the development version number of the first application;

[0114] Configure the version number of the target development project of the first application as the development version number.

[0115] In one embodiment, the device further includes an association module for performing:

[0116] Configure component identifiers for the same components in the target development project of the first application respectively;

[0117] Run the target development project to obtain the running data of each same component;

[0118] Establish an association between the running data of each same component and its component identifier to perform data tracking on the same components.

[0119] In one embodiment, the association module further includes an access unit for performing:

[0120] Determine whether there is an association between the running data of the same component and the private library linked to the same component;

[0121] If so, determine that the same component is correctly accessed to the target development project.

[0122] Refer to Figure 4 , in the embodiments of the present application, a computer device is further provided. This computer device may be a mobile terminal, and its internal structure may be as Figure 4As shown. The computer device includes a processor, a memory, a network interface, a display device, and an input device connected through a system bus. Among them, the network interface of the computer device is used to communicate with an external terminal through a network connection. The input device of the computer device is used to receive user input. The processor of the computer design is used to provide computing and control capabilities. The memory of the computer device includes a storage medium. The storage medium stores an operating system, a computer program, and a database. The database of the computer device is used to store data. When the computer program is executed by the processor, it implements a component configuration method for application development.

[0123] The above-mentioned processor executes the above-mentioned component configuration method for application development, including: obtaining the native development project of the first application developed based on the IOS system framework; obtaining the hybrid development project of the first application built based on the React-Native framework; parsing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project; comparing the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project; obtaining the path configuration of the same components under the native development project; modifying the component configuration information of the same components under the hybrid development project according to the path configuration, so that the same components under the hybrid development project are linked to the private library corresponding to the path configuration, and generating the target development project of the first application.

[0124] The computer device provides a method for configuring hybrid development of applications under the IOS system. First, obtain the native development project of the first application developed based on the IOS system framework. All the code logic, databases, and configuration files of the native development project are developed according to the rules of the IOS system. Then, obtain the hybrid development project of the first application built based on the React-Native framework, parse the hybrid development project to obtain the component information and component configuration information contained in the hybrid development project, compare the component information and component configuration information with the native development project, that is, compare with the component information in the native development project. When the similarity between the components in the native development project and the components in the hybrid development project meets the preset value, determine the same components in the native development project and the hybrid development project, so as to obtain all the same components in the hybrid development project and the native development project. Then, obtain the path configuration of the same components under the native development project, and then modify the component configuration information of the same components under the hybrid development project according to the path configuration, that is, modify the path configuration in the component configuration information of the same components under the hybrid development project, and control the same components under the hybrid development project to link to the private library corresponding to the path configuration, so as to link to the private library established under the native development project, generate the target development project of the first application. In the target development project, cross-platform code reuse between the native project and the hybrid development project is realized, there is no need to configure the development environment of the hybrid development project, and the interaction logic of the native development project is retained, improving the efficiency of hybrid development of applications under the IOS system.

[0125] An embodiment of the present application further provides a computer-readable storage medium, on which a computer program is stored. When the computer program is executed by the processor, it implements a method for configuring components for application development, including the steps of: obtaining the native development project of the first application developed based on the IOS system framework; obtaining the hybrid development project of the first application built based on the React-Native framework; parsing the hybrid development project to obtain the component information and component configuration information contained in the hybrid development project; comparing the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project; obtaining the path configuration of the same components under the native development project; modifying the component configuration information of the same components under the hybrid development project according to the path configuration, so that the same components under the hybrid development project link to the private library corresponding to the path configuration, and generating the target development project of the first application.

[0126] The computer-readable storage medium provides a method for configuring hybrid development of applications under the IOS system. First, obtain the native development project of the first application developed based on the IOS system framework. All the code logic, database, and configuration files of the native development project are developed according to the rules of the IOS system. Then, obtain the hybrid development project of the first application built based on the React-Native framework, parse the hybrid development project to obtain the component information and component configuration information included in the hybrid development project, and compare the component information and component configuration information with the native development project, that is, compare with the component information in the native development project. When the similarity between the components in the native development project and the components in the hybrid development project meets a preset value, determine them as the same components in the native development project and the hybrid development project, so as to obtain all the same components between the hybrid development project and the native development project. Then, obtain the path configuration of the same components under the native development project, and then modify the component configuration information of the same components under the hybrid development project according to the path configuration, that is, modify the path configuration in the component configuration information of the same components under the hybrid development project, and control the same components under the hybrid development project to link to the private library corresponding to the path configuration, so as to link to the private library established under the native development project, generate the target development project of the first application. In the target development project, cross-platform code reuse between the native project and the hybrid development project is realized, there is no need to configure the development environment of the hybrid development project, and the interaction logic of the native development project is retained, improving the efficiency of hybrid development of applications under the IOS system.

[0127] Those of ordinary skill in the art can understand that all or part of the processes of implementing the methods in the above embodiments can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above methods.

[0128] Any reference to memory, storage, database, or other media provided in this application and used in the embodiments can include non-volatile and / or volatile memory.

[0129] Non-volatile memory may include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory may include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), Rambus direct RAM (RDRAM), direct Rambus dynamic RAM (DRDRAM), and Rambus dynamic RAM (RDRAM), etc.

[0130] It should be noted that, in this text, the term "comprising", "including" or any other variation thereof is intended to cover non-exclusive inclusion, such that a process, apparatus, article or method comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, apparatus, article or method. Without further limitation, an element defined by the statement "comprising an..." does not exclude the presence of additional identical elements in the process, apparatus, article or method comprising such element.

[0131] The above are only the preferred embodiments of the present application and do not limit the patent scope of the present application accordingly.

[0132] Any equivalent structure or equivalent process transformation made by using the specification and drawings of the present application, or directly or indirectly applied in other related technical fields, shall similarly be included in the patent protection scope of the present application.

Claims

1. A component configuration method for application development, characterized in that, Including: Obtain the native development project of the first application developed based on the IOS system framework; Obtain the hybrid development project of the first application built based on the React-Native framework; Analyze the hybrid development project to obtain the component information and component configuration information included in the hybrid development project; Compare the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project. Among them, when the similarity between the components in the native development project and the components in the hybrid development project meets the preset value, it is determined as the same component in the native development project and the hybrid development project; Obtain the path configuration of the same component under the native development project; Modify the component configuration information of the same component under the hybrid development project according to the path configuration, so that the same component under the hybrid development project is linked to the private library corresponding to the path configuration, and generate the target development project of the first application; Before modifying the component configuration information of the same component under the hybrid development project according to the path configuration, it further includes: Obtain the first dependency configuration information of the same component under the hybrid development project; Obtain the second dependency configuration information of other components in the native development project except the same component; Apply the first dependency configuration information and the second dependency configuration information to the target development project to add the dependency configuration of each component in the target development project; The modifying the component configuration information of the same component under the hybrid development project according to the path configuration includes: Obtain the dependency relationship of each same component; Determine the sequence level of the same component according to the dependency relationship; Modify the component configuration information of the same component under the hybrid development project according to the path configuration in sequence according to the sequence level.

2. The component configuration method for application development according to claim 1, characterized in that, The analyzing the hybrid development project to obtain the component information and component configuration information included in the hybrid development project includes: Obtain a preset project development template; Calculate the matching degree between the project development template and the hybrid development project; If the matching degree is higher than the preset value, analyze the hybrid development project according to the project development template to obtain the component information and component configuration information included in the hybrid development project.

3. The component configuration method for application development according to claim 1, characterized in that, Before obtaining the native development project of the first application developed based on the IOS system framework, it further includes: Obtain the development version number of the first application; After generating the target development project of the first application, it further includes: Configure the version number of the target development project of the first application as the development version number.

4. The component configuration method for application development according to claim 1, characterized in that, After generating the target development project of the first application, it further includes: Configure component identifiers for the same components in the target development project of the first application respectively; Run the target development project to obtain the running data of each same component; Establish an association between the running data of each same component and its component identifier to perform data tracking on the same component.

5. The component configuration method for application development according to claim 4, characterized in that, After running the target development project to obtain the running data of each same component, it further includes: Judge whether there is an association relationship between the running data of the same component and the private library linked by the same component; If so, determine that the same component is correctly connected to the target development project.

6. A component configuration device for application development, characterized in that, A component configuration method for implementing application development according to any one of claims 1 to 5, comprising: A native development module for obtaining a native development project of a first application developed based on the IOS system framework; An RN development module for obtaining the hybrid development project of the first application built based on the React-Native framework; A project parsing module for parsing the hybrid development project to obtain component information and component configuration information included in the hybrid development project; A component comparison module for comparing the component information and component configuration information with the native development project to determine the same components in the hybrid development project and the native development project; A path information module for obtaining the path configuration of the same component under the native development project; A path configuration module for modifying the component configuration information of the same component under the hybrid development project according to the path configuration, so that the same component under the hybrid development project is linked to the private library corresponding to the path configuration, and generating a target development project of the first application.

7. A computer device, comprising a memory and a processor, the memory storing a computer program, characterized in that, When the processor executes the computer program, the steps of the component configuration method for application development according to any one of claims 1 to 5 are implemented.

8. A computer-readable storage medium, having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, the steps of the component configuration method for application development according to any one of claims 1 to 5 are implemented.