CN114756212A - Low-code application integration method, device, equipment and medium - Google Patents
Low-code application integration method, device, equipment and medium Download PDFInfo
- Publication number
- CN114756212A CN114756212A CN202210658995.5A CN202210658995A CN114756212A CN 114756212 A CN114756212 A CN 114756212A CN 202210658995 A CN202210658995 A CN 202210658995A CN 114756212 A CN114756212 A CN 114756212A
- Authority
- CN
- China
- Prior art keywords
- application
- low
- code
- integrated
- preset
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Abstract
The application discloses a low-code application integration method, a device, equipment and a medium, which relate to the technical field of computers, and the method comprises the following steps: acquiring a preset configuration file, and extracting target configuration in the preset configuration file; configuring the low-code application to be integrated based on the target configuration to obtain a micro front-end application; and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application. By utilizing the target configuration in the scheme, the low-code application to be integrated is configured, so that the configured low-code application to be integrated is subjected to micro front-end processing, and the micro front-end application is registered to the preset micro front-end base, so that the integration level of the low-code application is improved, and the user experience is improved.
Description
Technical Field
The present invention relates to the field of computer technologies, and in particular, to a low-code application integration method, apparatus, device, and medium.
Background
With the development and popularization of IT Technology (Information Technology), more and more non-developers and small and medium enterprises have requirements for constructing WEB (World Wide WEB) applications, but the traditional code-based development has the problems of long development period and relatively high technical threshold. The development of low-code development solves the problem, the development of the application can be completed without writing codes through a dragging and pulling mode, and more non-program developers in enterprises construct low-code applications through a low-code development platform. The low-code development platform is a leading software development tool, changes the original complex development mode and greatly shortens the development period. Compared with the traditional coding development mode, the common service scene is templated, so that the development efficiency is higher, and the development cost is lower. The low-code development platform mainly aims at enterprise users, the enterprise users are large in scale, multiple in flow and complex in required service scenes, traditional office system software cannot meet requirements basically, the low-code development platform can be used for matching modules according to the requirements of the enterprise users, the complex service scenes are simplified, and the enterprise efficiency is improved. However, the low-code development platform outputs individual independently-running WEB applications, and if the low-code development platform is used in a cross-function mode, a plurality of application addresses need to be opened, switching among different pages is achieved, and product integration level and application experience are poor.
In summary, how to improve the integration of low-code applications is a problem to be solved in the art.
Disclosure of Invention
In view of the above, the present invention provides a method, an apparatus, a device and a medium for integrating low-code applications, which can improve the integration level of the low-code applications. The specific scheme is as follows:
in a first aspect, the present application discloses a low-code application integration method, comprising:
acquiring a preset configuration file, and extracting target configuration in the preset configuration file;
configuring the low-code application to be integrated based on the target configuration to obtain a micro front-end application;
and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
Optionally, the reading the preset configuration file to obtain the target configuration includes:
and reading a json configuration file in a preset micro front-end template to obtain target configuration.
Optionally, the reading the preset configuration file to obtain the target configuration includes:
and reading the JavaScript configuration file in the preset micro front-end template to obtain target configuration.
Optionally, after registering the micro front end application to a preset micro front end socket to obtain an integrated low-code application, the method further includes:
when the application switching command is acquired through the preset interface, executing an unloading function stored in a target entry file corresponding to the last integrated low-code application;
executing an initialization function saved in a target entry file corresponding to the currently integrated low-code application so as to start the currently integrated low-code application.
Optionally, in the process of executing the initialization function saved in the target entry file corresponding to the currently integrated low-code application, the method further includes:
switching an ingress route corresponding to the last integrated low-code application to an ingress route corresponding to the current integrated low-code application.
Optionally, before executing the uninstall function saved in the target entry file corresponding to the last integrated low-code application, the method further includes:
and acquiring a target entry file corresponding to the last integrated low-code application.
Optionally, in the process of extracting the target configuration in the preset configuration file, the method further includes:
acquiring an original entry file corresponding to the low-code application to be integrated, and extracting an initialization function and an unloading function corresponding to the low-code application to be integrated in the preset configuration file;
and implanting an initialization function and an uninstalling function corresponding to the low-code application to be integrated into the original entry file to obtain a target entry file.
Optionally, the obtaining an original entry file corresponding to the to-be-integrated low-code application includes:
and acquiring a main.js file corresponding to the low-code application to be integrated.
Optionally, the obtaining an original entry file corresponding to the low-code application to be integrated includes:
generating a browser application file corresponding to the low-code application to be integrated through a preset low-code development platform;
and acquiring the browser application file, and extracting an original entry file in the browser application file.
Optionally, before generating the browser application file corresponding to the low-code application to be integrated through the preset low-code development platform, the method further includes:
and developing by a user based on a preset browser and by using the preset low-code development platform to obtain the low-code application to be integrated.
Optionally, the acquiring the browser application file includes:
acquiring a browser application file comprising a preset browser server file, a preset browser service configuration file and an interface file; the interface file comprises a hypertext markup language file, a JavaScript file and a cascading style sheet file.
Optionally, registering the micro front end application to a preset micro front end socket to obtain an integrated low-code application includes:
and calling a preset application programming interface, and registering the micro front terminal application to a preset micro front terminal base to obtain the integrated low-code application.
In a second aspect, the present application discloses a low-code application integration apparatus, comprising:
the target configuration acquisition module is used for acquiring a preset configuration file and extracting target configuration in the preset configuration file;
the sub-application acquisition module is used for carrying out configuration processing on the low-code application to be integrated based on the target configuration so as to obtain a micro front-end application;
and the registration module is used for registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
In a third aspect, the present application discloses an electronic device, comprising:
a memory for storing a computer program;
a processor for executing the computer program to implement the steps of the low code application integration method disclosed in the foregoing.
In a fourth aspect, the present application discloses a computer readable storage medium for storing a computer program; wherein the computer program when executed by a processor implements the steps of the low code application integration method disclosed in the foregoing.
The invention has the beneficial effects that: therefore, the method comprises the steps of obtaining a preset configuration file and extracting target configuration in the preset configuration file; configuring the low-code application to be integrated based on the target configuration to obtain a micro front-end application; and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application. Therefore, the method and the device have the advantages that the preset configuration file is obtained, the target configuration in the preset configuration file is extracted, then the target configuration is utilized to configure the low-code application to be integrated, the micro front-end application to be integrated is enabled to be micro-front-end, namely the micro front-end terminal application is obtained, the micro front-end terminal application is registered to the preset micro front-end base, and the integration of the low-code application to be integrated is completed.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, it is obvious that the drawings in the following description are only embodiments of the present invention, and for those skilled in the art, other drawings can be obtained according to the provided drawings without creative efforts.
FIG. 1 is a flow chart of a low code application integration method disclosed herein;
FIG. 2 is a schematic diagram of a specific application micro-front-end process disclosed herein;
FIG. 3 is a flow chart of a specific low code application integration method disclosed herein;
FIG. 4 is a flow chart of a specific low code application integration method disclosed herein;
FIG. 5 is a diagram illustrating integration of a specific low-code application disclosed herein;
FIG. 6 is a schematic diagram of a low-code application integration apparatus according to the present disclosure;
fig. 7 is a block diagram of an electronic device disclosed in the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
With the development and popularization of IT Technology (Information Technology), more and more non-developers and small and medium enterprises have requirements for constructing WEB (World Wide WEB) applications, but the traditional code-based development has the problems of long development period and relatively high technical threshold. The development of low-code development solves the problem, the development of the application can be completed without writing codes through a dragging and pulling mode, and more non-program developers in enterprises construct low-code applications through a low-code development platform. The low-code development platform is a leading software development tool, changes the original complex development mode and greatly shortens the development period. Compared with the traditional coding development mode, the common service scene is templated, so that the development efficiency is higher, and the development cost is lower. The low-code development platform mainly aims at enterprise users, the enterprise users are large in scale, multiple in flow and complex in required service scene, traditional office system software cannot meet requirements basically, the low-code development platform can match modules according to the requirements of the enterprise users, complex service scenes are simplified, and enterprise efficiency is improved. However, the low-code development platform outputs individual independently-running WEB applications, and if the low-code development platform is used in a cross-function mode, a plurality of application addresses need to be opened, switching among different pages is achieved, and product integration level and application experience are poor.
Accordingly, the low-code application integration scheme is provided, and the integration level of the low-code application can be improved.
Referring to fig. 1, an embodiment of the present application discloses a low-code application integration method, including:
step S11: acquiring a preset configuration file, and extracting target configuration in the preset configuration file.
In this embodiment, the preset configuration file includes a related target configuration that enables the low-code application to be integrated to be micro-front-ended, and may also include a related function that enables micro-front-end, such as an initialization function and an uninstallation function, where the initialization function and the uninstallation function may be used by a user to perform subsequent application switching. The low-code development platform can complete most functions through dragging configuration through a web visual development mode, and due to the characteristic of low-code one-stop full link communication, development can be independent of tedious manual communication and cooperation, and quality improvement is brought to product quality and project delivery management. The low-code development platform supports various different deployment schemes, and meanwhile, compared with other platforms, the low-code development platform sets a charging barrier on the number of users and the number of concurrent services, like the MyApps platform, the number of the deployed users, the number of the users and the number of the concurrent services are not limited. And the software can be repeatedly used by one-time purchase, so that the software purchase cost is greatly saved. The user can select a specific deployment mode according to the online quantity and the concurrent quantity, the privatized deployment is supported, the data is stored locally and safely and controllably, the autonomous secondary development is realized, and the expansibility is stronger. The low-code development platform adopts a leading Spring Boot micro-service architecture in the industry and supports a Spring Cloud mode, improves the amplification foundation of the platform, and meets the comprehensive capabilities of rapid development, flexible expansion, seamless integration, high-performance application and the like of the system.
In a specific embodiment, the reading the preset configuration file to obtain the target configuration includes: and reading a json configuration file in a preset micro front-end template to obtain target configuration. For example, read json (JavaScript Object Notation) configuration file in the preset micro front template.
In another specific embodiment, the reading the preset configuration file to obtain the target configuration includes: and reading the JavaScript configuration file in the preset micro front-end template to obtain target configuration.
Step S12: and configuring the low-code application to be integrated based on the target configuration to obtain the micro front-end application.
In this embodiment, as shown in a specific application micro-frontend process schematic diagram shown in fig. 2, the micro-frontend adaptation module obtains a low-code application to be integrated, such as an independently accessible WEB application generated by a preset low-code development platform, and performs configuration processing on the low-code application to be integrated by using target configuration obtained by reading a preset configuration file, so that the low-code application to be integrated is micro-frontend-oriented, that is, a micro-frontend application is obtained. It can be understood that the preset configuration file is a preset micro front-end template, and in the process of acquiring the low-code application to be integrated, a corresponding output file may also be acquired, and then the corresponding correlation function is implanted into an entry file in the output file, where the output file is generated by a preset low-code development platform.
Step S13: and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
In this embodiment, the preset micro front end base is responsible for registering the micro front end application and performing life cycle management on the micro front end application, and specifically, the preset micro front end base may call a preset micro front end base related interface for the micro front end application to perform entry routing and registration for accessing a URL (uniform resource locator), where when a user accesses the registered routing through a preset browser, the preset micro front end base provides a runtime environment for loading the micro front end application, executes an initialization function of the micro front end application, and the browser displays a functional interface of the micro front end application. When a user accesses the entrance route of other micro front end application through a preset browser, the preset micro front end base executes the unloading function of the current micro front end application, informs the current micro front end application to be unloaded, provides a running environment for the current micro front end application corresponding to the next entrance route, executes an initialization method of the next current micro front end application, and displays a functional interface of the next current micro front end application by the browser. It should be noted that, the micro front end application is registered to the preset micro front end base, and the integration of the low-code application to be integrated is completed, that is, the integrated low-code application corresponding to the low-code application to be integrated is obtained. Among them, the url system is a representation method for specifying information location on a web service program of the internet.
Therefore, the method includes the steps that a preset configuration file is obtained, and target configuration in the preset configuration file is extracted; configuring the low-code application to be integrated based on the target configuration to obtain a micro front-end application; and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application. Therefore, the method and the device have the advantages that the preset configuration file is obtained, the target configuration in the preset configuration file is extracted, then the target configuration is utilized to configure the low-code application to be integrated, the micro front-end application to be integrated is enabled to be micro-front-end, namely the micro front-end terminal application is obtained, the micro front-end terminal application is registered to the preset micro front-end base, and the integration of the low-code application to be integrated is completed.
Referring to fig. 3, an embodiment of the present application discloses a specific low-code application integration method, including:
step S21: and developing by a user based on a preset browser and by using a preset low-code development platform to obtain the low-code application to be integrated.
In this embodiment, a user develops based on a preset browser and by using a preset low-code development platform to obtain a low-code application to be integrated, wherein the preset low-code development platform can access a corresponding WEB application through the preset browser, the user completes construction of the WEB application through operations such as visual dragging and dragging, parameter configuration and the like, and the low-code application to be integrated which can run independently is output. The low code is developed by a small amount of codes, so that the application process and service of code development are reduced, the same component module is reused, and the development amount of the codes is reduced; the low code reserves an expansion and customization entry on the basis of the zero code, and the zero code is dragged and constructed a simple application scene through the standardization and visualization of the flow. Low code development has advantages such as drag-and-drop fast generation, warehouse sourcing, community sourcing, documentation completion, customizable development components, technology stack acts, easy access for developers.
Step S22: acquiring a preset configuration file, and extracting target configuration in the preset configuration file.
For a more specific working process of the step S22, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated here.
Step S23: and carrying out configuration processing on the low-code application to be integrated based on the target configuration to obtain a micro front-end application.
For a more specific working process of the step S23, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated here.
Step S24: and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
In this embodiment, after registering the micro front end application to a preset micro front end socket to obtain an integrated low-code application, the method further includes: when the application switching command is acquired through the preset interface, executing an unloading function stored in a target entry file corresponding to the last integrated low-code application; executing an initialization function saved in a target entry file corresponding to the currently integrated low-code application so as to start the currently integrated low-code application. It can be understood that the uninstall function and the initialize function are called by the pre-set micro front-end base in the occasion of switching the micro front-end application, and also provide a way for the micro front-end application to sense the initialized and uninstalled.
In this embodiment, in the process of executing the initialization function saved in the target entry file corresponding to the currently integrated low-code application, the method further includes: switching an ingress route corresponding to the last integrated low-code application to an ingress route corresponding to the current integrated low-code application.
In this embodiment, before executing the uninstall function saved in the target entry file corresponding to the last integrated low-code application, the method further includes: and acquiring a target entry file corresponding to the last integrated low-code application.
In this embodiment, in the process of extracting the target configuration from the preset configuration file, the method further includes: acquiring an original entry file corresponding to the low-code application to be integrated, and extracting an initialization function and an unloading function corresponding to the low-code application to be integrated in the preset configuration file; and implanting an initialization function and an uninstalling function corresponding to the low-code application to be integrated into the original entry file to obtain a target entry file.
In this embodiment, the acquiring an original entry file corresponding to the low-code application to be integrated specifically includes: and acquiring a main.js file corresponding to the low-code application to be integrated. Js file is mainly used to initialize vue instances and use required plug-ins, as well as to place relevant plug-ins and CSS styles used in the project and to store global variables, as will be appreciated.
In this embodiment, the acquiring an original entry file corresponding to the low-code application to be integrated specifically includes: generating a browser application file corresponding to the low-code application to be integrated through a preset low-code development platform; and acquiring the browser application file, and extracting an original entry file in the browser application file.
In this embodiment, it can be understood that, if the last integrated low-code application is a low-code application a and the currently integrated low-code application is a low-code application B, when a user needs to switch from the low-code application a to the low-code application B, the user needs to obtain an uninstalling function of the low-code application a in advance and execute the uninstalling function of the low-code application a to close the low-code application a; the method includes the steps that an initialization function of a low-code application B is obtained in advance, the initialization function of the low-code application B is executed so that the low-code application B can be started, a browser is preset to display a functional interface of the low-code application B, and it needs to be noted that an entry route can be switched from a route of the low-code application A to a route of the low-code application B in the process of switching from the low-code application A to the low-code application B.
Therefore, the to-be-integrated low-code application is developed on the preset low-code development platform in advance through a user, the to-be-integrated low-code application is not integrated at the moment, and the user experience is poor, so that the to-be-integrated low-code application is configured based on target configuration, the to-be-integrated low-code application is subjected to micro front-end transformation and is adaptive to the corresponding micro front end, namely, micro front-end application is obtained, then the micro front-end application is registered to the preset micro front-end base, the integrated low-code application can be obtained, the integration level is improved, and the user experience is further improved. According to the method and the system, the user interface of the low-code application is integrated into the business application interface in a micro-front-end mode, the problems that at present, under a plurality of low-code application scenes and low-code application and native application system scenes, the low-code application and the native application scenes operate independently, the integration level is low, the user experience is poor are solved, and the integrated capacity of the low-code application is enhanced.
Referring to fig. 4, an embodiment of the present application discloses a specific low-code application integration method, including:
step S31: acquiring a preset configuration file, and extracting target configuration in the preset configuration file.
In this embodiment, the browser application file including a preset browser server file, a preset browser service configuration file, and an interface file is acquired; the interface file comprises a hypertext markup language file, a JavaScript file and a cascading style sheet file. It can be understood that the preset low-code development platform generates an output file corresponding to a low-code application to be integrated, where the output file is a browser application file, and may include a preset browser server file, a preset browser service configuration file, and an interface file, where the interface file is a function interface related file, such as an HTML (Hyper Text Markup Language) file, a js (javascript) file, and a CSS (Cascading Style Sheets) file.
In this embodiment, before acquiring a preset configuration file and extracting a target configuration in the preset configuration file, a user is required to access a preset low-code development platform through a preset browser and complete development of a low-code application to be integrated in a graphical manner, where the graphical manner may be a drag and pull manner, and low-code development is a method for developing an application program through visualization, so that developers with different experience levels can create a web page and a mobile application program through a graphical user interface by using a drag component and a model-driven logic. The low-code development platform allows non-technical developers to write code less, but abstracts the traditional IT architecture to support professional developers. The low-code development platform can accelerate and simplify the development of the application program from small departments to large complex tasks, can be deployed in a cross-platform mode after development once, is only a part of the capability of the low-code development platform, and also accelerates and simplifies the integration of the application program, the cloud end, the local database and the recording system. Therefore, the low-code development platform can realize the application requirement analysis, interface design, development, delivery and management of enterprise digitalization and has the characteristics of quickness, agility and continuity.
Step S32: and configuring the low-code application to be integrated based on the target configuration to obtain the micro front-end application.
In this embodiment, the relevant configuration of the low-code application to be integrated is modified or the relevant parameters are assigned based on the target configuration, so that the low-code application to be integrated is adapted to the corresponding micro front end, that is, the low-code application to be integrated is subjected to micro front-end processing, that is, the micro front terminal application of the low-code application to be integrated is obtained, so that the integration is performed subsequently. It should be noted that the micro front terminal application is an independent WEB application conforming to the preset front-end micro-service specification, can be accessed independently and can also be integrated with micro-service through the preset micro front terminal base to form a larger application, and the product integration level and the user experience are improved. It can be understood that the micro-front-end adapter module can be used for carrying out configuration processing on the low-code application to be integrated based on target configuration to obtain the micro-front-end terminal application, and the micro-front-end adapter module converts the low-code application to be integrated, which is built through the preset low-code development platform, into the WEB application which accords with the preset front-end micro-service specification, so that the integrated capacity of the low-code application to be integrated is enhanced. Micro-Frontends (Micro-Frontends) is an architecture similar to Micro-services, which applies the concept of Micro-services to browser-side, i.e. Web applications are transformed from a single monolithic application to an application where multiple small frontend applications are aggregated into one. Each front-end application can also run independently, be developed independently and be deployed independently. The micro front-end is not a front-end framework or tool, but a set of architectural systems. The core of the scheme is a master-slave concept, namely the scheme comprises a Micro front end base (Main App) application and a plurality of Micro front end terminal applications (Micro App), wherein most of the Micro front end base applications are front end SPA (single page web application) items which are mainly responsible for application registration, routing mapping, message issuing and the like, the Micro front end terminal applications are independent front end items, the items are not limited to read, Vue, Angular or JQuery development, and each Micro front end terminal application is registered in the Micro front end base application and managed by the Micro front end base.
In the current front-end field, single-page applications are one of the very popular project forms, and as time goes on and application functions are rich, the single-page applications become no longer single but larger and more difficult to maintain, and the whole body is moved by changing one place, so that the edition sending cost is higher and higher. The micro front end has the meaning that the huge applications are split and then decoupled, and each part can be independently maintained and deployed, so that the efficiency is improved. In a few businesses, there are more or less some historical items, which mostly use B-end management systems with old frameworks similar to backhaul. js and angular. js 1, and between daily operations, these systems need to be combined into new frameworks for use and cannot be discarded, but if old logics are rewritten, labor cost and time cost are wasted. The micro front end can integrate the systems, and simultaneously compatible with new and old systems to run in parallel without modifying the logic basically.
Step S33: and calling a preset application programming interface, and registering the micro front terminal application to a preset micro front terminal base to obtain the integrated low-code application.
In this embodiment, a corresponding Application Programming Interface (API) Interface is called, and the micro front end Application is registered to the preset micro front end socket to obtain an integrated low code Application.
The preset micro front end base as the micro front end is an inlet of the whole micro front end application, is responsible for bearing the display of the current micro front end application and forwarding of other routing micro front end applications, and generally comprises the following steps for the display of the current micro front end application: as a preset micro front end base of an SPA, the self is a set of pure front end items, a page of micro front end application can be displayed, besides iframe is adopted, the page content of the micro front end application can also be pulled first, and a remote pulling mechanism is needed in the processes. For example, a fetch API is usually adopted by a remote pull mechanism to first acquire HTML content of a micro front end application, then JavaScript and CSS of the micro front end application are extracted through analysis, the JavaScript is run by an eval method, and the CSS and HTML content apned are left in a preset micro front end base for a display area of the micro front end application. It should be noted that the process involves contamination of CSS styles and contamination of global objects by JavaScript, and the process for the remote pull mechanism can be implemented by an import-html-entry library and a system.
The integration level of the current low-code application is poor, the user experience is poor, if a plurality of low-code applications are built together, the problems that the application building is complex and the maintenance difficulty is increased exist, the application utilizes a micro-front-end adaptive module to micro-front-end the low-code application, namely, the low-code application is configured and processed by utilizing target configuration, so that the micro-front-end application is obtained, then the micro-front-end application is registered to a preset micro-front-end base, the integration of the micro-front-end of the low-code application is realized, when the integrated low-code application is subsequently opened, a plurality of addresses do not need to be opened, the user experience of similar use of the same application is realized, and in all processes, the building complexity and the maintenance difficulty are not increased.
The present application will be described below by taking a specific low-code application integration diagram shown in fig. 5 as an example. A user accesses a preset low-code development platform through a preset browser and completes the development of a low-code application C and a low-code application D in a graphical mode, wherein the low-code application C and the low-code application D are low-code applications to be integrated; the method comprises the steps that a preset low-code development platform generates an output file C of a low-code application C and an output file D of the low-code application D, wherein the output file C and the output file D are browser application files, the browser application files can comprise a preset browser server file, a preset browser service configuration file and an interface file, the interface file can comprise a hypertext markup language file, a JavaScript file and a cascading style sheet file, the browser application files can further comprise original entry files, and the original entry files can be main.js files.
The method comprises the steps that a low-code application micro-service adapter obtains an output file C and an output file D of a low-code application C and a low-code application D and target configuration in a preset configuration file, adaptation processing is carried out on the low-code application C and the low-code application D based on the target configuration, a micro front terminal application C and a micro front terminal application D which meet preset front-end micro-service specifications are generated, and related functions in the preset configuration file are written into an original entry file C in the output file C and an original entry file D in the output file D, wherein the related functions can be an initialization function and an unloading function of the low-code application C and an initialization function and an unloading function of the low-code application D, for example, the initialization function and the unloading function of the low-code application C are implanted into the original entry file C, and the target entry file C can be obtained;
and calling a preset application programming interface, and registering the micro front terminal application C and the micro front terminal application D to a preset micro front terminal base to obtain an integrated low-code application C and an integrated low-code application D, wherein the integrated low-code application C and the integrated low-code application D are the same as the micro front terminal application C and the micro front terminal application D.
When a user accesses the preset micro front-end base through the browser, the browser displays a sub-application function interface of the default route; the user interface operation causes the entrance route to be switched to the entrance route of the micro front terminal application A, the micro front terminal application A is loaded on the preset micro front terminal base, and the browser displays the functional interface of the micro front terminal application A; when a user switches from the micro front terminal application A to the micro front terminal application C, the preset micro front terminal base executes an unloading function of the micro front terminal application A, then executes an initialization function of the micro front terminal application C, so that a user interface operation causes an entry route to be switched to an entry route of the micro front terminal application C, the preset micro front terminal base loads the micro front terminal application C, and a browser displays a functional interface of the micro front terminal application C, so that switching from the micro front terminal application A to the micro front terminal application C is completed, wherein it can be understood that the micro front terminal application A can be a micro front terminal application integrated by the method; when the user needs to switch from the micro front end application C to the micro front end application B, the offload function of the micro front end application C is executed, and then the initialization function of the micro front end application B is executed, where the ingress route corresponding to the micro front end application C is switched to the ingress route corresponding to the micro front end application B.
Referring to fig. 6, an embodiment of the present application discloses a low-code application integration apparatus, including:
a target configuration obtaining module 11, configured to obtain a preset configuration file, and extract a target configuration in the preset configuration file;
the sub-application obtaining module 12 is configured to perform configuration processing on the to-be-integrated low-code application based on the target configuration to obtain a micro front-end application;
and the registration module 13 is configured to register the micro front end application to a preset micro front end socket to obtain an integrated low-code application.
For more specific working processes of the target configuration obtaining module 11, the sub-application obtaining module 12, and the registration module 13, reference may be made to corresponding contents disclosed in the foregoing embodiments, and details are not repeated here.
Therefore, the method comprises the steps of obtaining a preset configuration file and extracting target configuration in the preset configuration file; configuring and processing the low-code application to be integrated based on the target configuration to obtain a micro front terminal application; and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application. Therefore, the method and the device have the advantages that the preset configuration file is obtained, the target configuration in the preset configuration file is extracted, then the target configuration is utilized to configure the low-code application to be integrated, the micro front-end application to be integrated is enabled to be micro-front-end, namely the micro front-end terminal application is obtained, the micro front-end terminal application is registered to the preset micro front-end base, and the integration of the low-code application to be integrated is completed.
In some specific embodiments, the target configuration obtaining module 11 includes:
the first obtaining unit is used for reading a json configuration file in a preset micro front-end template to obtain target configuration.
In some specific embodiments, the target configuration obtaining module 11 includes:
and the second acquisition unit is used for reading the JavaScript configuration file in the preset micro front-end template to obtain the target configuration.
In some embodiments, the low-code application integration apparatus further comprises:
the first switching unit is used for executing an uninstalling function saved in a target entry file corresponding to the last integrated low-code application when the application switching command is acquired through a preset interface; executing an initialization function saved in a target entry file corresponding to the currently integrated low-code application so as to start the currently integrated low-code application.
In some embodiments, the low-code application integration apparatus further comprises:
a second switching unit, configured to switch an ingress route corresponding to the last integrated low-code application to an ingress route corresponding to the current integrated low-code application.
In some embodiments, the low-code application integration apparatus further comprises:
and the portal file acquisition unit is used for acquiring a target portal file corresponding to the last integrated low-code application.
In some embodiments, the low-code application integration apparatus further comprises:
a target entry file acquiring unit, configured to acquire an original entry file corresponding to the low-code application to be integrated, and extract an initialization function and an uninstall function corresponding to the low-code application to be integrated in the preset configuration file; and implanting an initialization function and an uninstalling function corresponding to the low-code application to be integrated into the original entry file to obtain a target entry file.
In some specific embodiments, the target entry file obtaining unit includes:
the first original entry file acquisition unit is used for generating a browser application file corresponding to the low-code application to be integrated through a preset low-code development platform; and acquiring the browser application file, and extracting an original entry file in the browser application file.
In some specific embodiments, the target entry file obtaining unit includes:
and the second original entry file acquisition unit is used for acquiring the main.js file corresponding to the low-code application to be integrated.
In some embodiments, the low-code application integration apparatus further comprises:
and the to-be-integrated low-code application development unit is used for developing by a user based on a preset browser and by utilizing the preset low-code development platform to obtain the to-be-integrated low-code application.
In some specific embodiments, the target entry file obtaining unit includes:
acquiring a browser application file comprising a preset browser server file, a preset browser service configuration file and an interface file; the interface file comprises a hypertext markup language file, a JavaScript file and a cascading style sheet file.
In some embodiments, the registration module 13 includes:
and the sub-application registration unit is used for calling a preset application programming interface and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
Fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present application. The method specifically comprises the following steps: at least one processor 21, at least one memory 22, a power supply 23, a communication interface 24, an input output interface 25, and a communication bus 26. Wherein, the memory 22 is used for storing a computer program, and the computer program is loaded and executed by the processor 21 to implement the relevant steps in the low-code application integration method executed by an electronic device disclosed in any of the foregoing embodiments.
In this embodiment, the power supply 23 is configured to provide a working voltage for each hardware device on the electronic device; the communication interface 24 can create a data transmission channel between the electronic device and an external device, and a communication protocol followed by the communication interface is any communication protocol applicable to the technical solution of the present application, and is not specifically limited herein; the input/output interface 25 is configured to obtain external input data or output data to the outside, and a specific interface type thereof may be selected according to specific application requirements, which is not specifically limited herein.
The processor 21 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and the like. The processor 21 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), and a PLA (Programmable Logic Array). The processor 21 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in a wake state, and is also called a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 21 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the display screen. In some embodiments, the processor 21 may further include an AI (Artificial Intelligence) processor for processing a calculation operation related to machine learning.
In addition, the storage 22 is used as a carrier for storing resources, and may be a read-only memory, a random access memory, a magnetic disk or an optical disk, etc., the resources stored thereon include an operating system 221, a computer program 222, data 223, etc., and the storage may be a transient storage or a permanent storage.
The operating system 221 is used for managing and controlling hardware devices and computer programs 222 on the electronic device, so as to implement operations and processing of the mass data 223 in the memory 22 by the processor 21, and may be Windows, Unix, Linux, or the like. The computer programs 222 may further include computer programs that can be used to perform other specific tasks in addition to the computer programs that can be used to perform the low-code application integration method disclosed in any of the foregoing embodiments and executed by the electronic device. The data 223 may include data received by the electronic device and transmitted from an external device, or may include data collected by the input/output interface 25 itself.
Further, an embodiment of the present application also discloses a computer-readable storage medium, where a computer program is stored, and when the computer program is loaded and executed by a processor, the method steps executed in the low-code application integration process disclosed in any of the foregoing embodiments are implemented.
In the present specification, the embodiments are described in a progressive manner, and each embodiment focuses on differences from other embodiments, and the same or similar parts between the embodiments are referred to each other. The device disclosed by the embodiment corresponds to the method disclosed by the embodiment, so that the description is simple, and the relevant points can be referred to the method part for description.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative components and steps have been described above generally in terms of their functionality in order to clearly illustrate this interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the implementation. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.
Finally, it should also be noted that, in this document, relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
The method, apparatus, device and medium for integrating low-code applications provided by the present invention are described in detail above, and a specific example is applied in the description to explain the principles and embodiments of the present invention, and the description of the above embodiment is only used to help understand the method and core ideas of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present invention.
Claims (15)
1. A low-code application integration method, comprising:
acquiring a preset configuration file, and extracting target configuration in the preset configuration file;
configuring the low-code application to be integrated based on the target configuration to obtain a micro front-end application;
and registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
2. The method of claim 1, wherein reading the default configuration file to obtain the target configuration comprises:
and reading a json configuration file in a preset micro front-end template to obtain target configuration.
3. The method of claim 1, wherein reading the default configuration file to obtain the target configuration comprises:
and reading the JavaScript configuration file in the preset micro front-end template to obtain target configuration.
4. The method of claim 1, wherein registering the micro front end application to a pre-determined micro front end socket results in an integrated low code application, further comprising:
when the application switching command is acquired through the preset interface, executing an unloading function stored in a target entry file corresponding to the last integrated low-code application;
executing an initialization function saved in a target entry file corresponding to the currently integrated low-code application so as to start the currently integrated low-code application.
5. The method for integrating low-code applications according to claim 4, wherein the executing the initialization function saved in the target entry file corresponding to the currently integrated low-code application further comprises:
switching an ingress route corresponding to the last integrated low-code application to an ingress route corresponding to the current integrated low-code application.
6. The method of claim 4, wherein before executing the uninstall function saved in the target entry file corresponding to the last integrated low-code application, the method further comprises:
and acquiring a target entry file corresponding to the last integrated low-code application.
7. The method of claim 6, wherein the extracting the target configuration from the preset configuration file further comprises:
acquiring an original entry file corresponding to the low-code application to be integrated, and extracting an initialization function and an unloading function corresponding to the low-code application to be integrated in the preset configuration file;
and implanting an initialization function and an uninstalling function corresponding to the low-code application to be integrated into the original entry file to obtain a target entry file.
8. The method for integrating low-code applications according to claim 7, wherein the obtaining of the original entry file corresponding to the low-code application to be integrated comprises:
and acquiring a main.js file corresponding to the low-code application to be integrated.
9. The method for integrating low-code applications according to claim 7, wherein the obtaining of the original entry file corresponding to the low-code application to be integrated comprises:
generating a browser application file corresponding to the low-code application to be integrated through a preset low-code development platform;
and acquiring the browser application file, and extracting an original entry file in the browser application file.
10. The method for integrating low-code applications according to claim 9, wherein before the generating a browser application file corresponding to the low-code application to be integrated through a preset low-code development platform, the method further comprises:
and developing by a user based on a preset browser and by using the preset low-code development platform to obtain the low-code application to be integrated.
11. The low-code application integration method of claim 9, wherein the obtaining the browser application file comprises:
acquiring a browser application file comprising a preset browser server file, a preset browser service configuration file and an interface file; the interface files comprise hypertext markup language files, JavaScript files and cascading style sheet files.
12. The method of any of claims 1 to 11, wherein registering the micro front-end application to a pre-determined micro front-end chassis results in an integrated low-code application, comprising:
and calling a preset application programming interface, and registering the micro front terminal application to a preset micro front terminal base to obtain the integrated low-code application.
13. A low-code application integration apparatus, comprising:
the target configuration acquisition module is used for acquiring a preset configuration file and extracting target configuration in the preset configuration file;
the sub-application acquisition module is used for carrying out configuration processing on the low-code application to be integrated based on the target configuration so as to obtain a micro front terminal application;
and the registration module is used for registering the micro front terminal application to a preset micro front terminal base to obtain an integrated low-code application.
14. An electronic device, comprising:
a memory for storing a computer program;
a processor for executing the computer program to implement the steps of the low code application integration method of any of claims 1 to 12.
15. A computer-readable storage medium for storing a computer program; wherein the computer program when executed by a processor implements the steps of the low code application integration method of any of claims 1 to 12.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210658995.5A CN114756212A (en) | 2022-06-13 | 2022-06-13 | Low-code application integration method, device, equipment and medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210658995.5A CN114756212A (en) | 2022-06-13 | 2022-06-13 | Low-code application integration method, device, equipment and medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114756212A true CN114756212A (en) | 2022-07-15 |
Family
ID=82336991
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210658995.5A Pending CN114756212A (en) | 2022-06-13 | 2022-06-13 | Low-code application integration method, device, equipment and medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114756212A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115629750A (en) * | 2022-12-24 | 2023-01-20 | 西安葡萄城软件有限公司 | Server visual programming method and system supporting Excel formula |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10007501B1 (en) * | 2017-05-19 | 2018-06-26 | Central South University | Method of deploying applications rapidly based on customized android platform |
| CN112114784A (en) * | 2020-09-21 | 2020-12-22 | 广东电网有限责任公司电力科学研究院 | Single-Spa-based front-end micro-service system |
| CN112860236A (en) * | 2021-02-08 | 2021-05-28 | 杭州玳数科技有限公司 | Single-spa-based micro front-end technology |
| CN114090003A (en) * | 2021-11-09 | 2022-02-25 | 浪潮云信息技术股份公司 | Resource sharing implementation method and system based on micro front-end architecture |
| CN114327688A (en) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技（成都）有限公司 | Data processing method, frame, storage medium and terminal equipment based on micro front end |
-
2022
- 2022-06-13 CN CN202210658995.5A patent/CN114756212A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10007501B1 (en) * | 2017-05-19 | 2018-06-26 | Central South University | Method of deploying applications rapidly based on customized android platform |
| CN112114784A (en) * | 2020-09-21 | 2020-12-22 | 广东电网有限责任公司电力科学研究院 | Single-Spa-based front-end micro-service system |
| CN112860236A (en) * | 2021-02-08 | 2021-05-28 | 杭州玳数科技有限公司 | Single-spa-based micro front-end technology |
| CN114090003A (en) * | 2021-11-09 | 2022-02-25 | 浪潮云信息技术股份公司 | Resource sharing implementation method and system based on micro front-end architecture |
| CN114327688A (en) * | 2022-03-15 | 2022-04-12 | Tcl通讯科技（成都）有限公司 | Data processing method, frame, storage medium and terminal equipment based on micro front end |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115629750A (en) * | 2022-12-24 | 2023-01-20 | 西安葡萄城软件有限公司 | Server visual programming method and system supporting Excel formula |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108304201B (en) | Object updating method, device and equipment | |
| US10831453B2 (en) | Connectors framework | |
| WO2021217911A1 (en) | Method and apparatus for constructing service website project, and computer device and storage medium | |
| US20130227522A1 (en) | Integrated Application Localization | |
| CN108786112B (en) | Application scene configuration method, device and storage medium | |
| CN106685687B (en) | Gray scale dissemination method and device | |
| WO2010113160A1 (en) | A method and system for emulating desktop software applications in a mobile communication network | |
| CN111427561A (en) | Service code generation method and device, computer equipment and storage medium | |
| CN103294475A (en) | Automatic service generating system and automatic service generating method both of which are based on imaging service scene and field template | |
| CN109614325B (en) | Method and device for determining control attribute, electronic equipment and storage medium | |
| CN103605527A (en) | System and method for realizing cloud computing application interface integration and unified style display | |
| CN112905179A (en) | Mobile terminal H5 page generation method and device, electronic equipment and storage medium | |
| CN111506300A (en) | Applet generation method, device, equipment and storage medium | |
| CN114756212A (en) | Low-code application integration method, device, equipment and medium | |
| Lachgar et al. | Modeling and generating native code for cross-platform mobile applications using DSL | |
| CN111158797A (en) | Method, system and engine device for operating artificial intelligence application | |
| WO2021129812A1 (en) | Method and system for running artificial intelligence application, and device | |
| CN101714080A (en) | Method and system for realizing web multiple language control | |
| CN113448570A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN112835582A (en) | Container engine-based rendering method, device, equipment and storage medium | |
| US9509761B2 (en) | Open user interface | |
| CN112835568A (en) | Project construction method and device | |
| CN116339835A (en) | Modification method, device, equipment and storage medium of kernel guide parameters | |
| CN114579120A (en) | Application code processing method and device, electronic equipment and storage medium | |
| CN110058855B (en) | Method, device and equipment for updating interface and workflow of software |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220715 |