CN113918195A

CN113918195A - Application interface updating method and device, electronic equipment and readable storage medium

Info

Publication number: CN113918195A
Application number: CN202111400737.9A
Authority: CN
Inventors: 曾方华; 张德明; 苏景博
Original assignee: Zhongdian Jinxin Software Co Ltd
Current assignee: Zhongdian Jinxin Software Co Ltd
Priority date: 2021-11-19
Filing date: 2021-11-19
Publication date: 2022-01-11

Abstract

The embodiment of the application provides an application interface updating method and device, electronic equipment and a readable storage medium, and relates to the technical field of computers. The method comprises the following steps: and responding to an application interface updating instruction aiming at the target application, and acquiring an updating file which corresponds to the target application and contains component parameter configuration information. The Dart virtual machine embedded in the target application executes the update file, dynamic update of logic codes in the application interface is achieved, the component configuration file corresponding to the component parameter configuration information is obtained, the component configuration file is analyzed, the component parameter configuration information is obtained, the updated application interface can be obtained based on rendering of the component parameter configuration information, dynamic update of the application interface is achieved, and update efficiency of the application interface of the application with the instant update requirement is improved.

Description

Application interface updating method and device, electronic equipment and readable storage medium

Technical Field

The present application relates to the field of computer technologies, and in particular, to an application interface updating method and apparatus, an electronic device, and a readable storage medium.

Background

In the currently widely used cross-platform development scheme, a set of codes can be compiled into a plurality of platform-executable application programs simultaneously, so that the consistency of a multi-end interface and user operation is realized while the later-stage test work is simplified.

The applications operated for any long time need to be updated continuously, the updating content can be determined according to the requirements of users in different periods and the development of the internet technology, the applications are optimized continuously, and the use feeling of the users is improved. Generally, the update package can be uploaded to the application store after the application store performs a relevant audit on the update package.

However, for some applications with an immediate update requirement, in order to ensure user experience and reduce user waiting time, it is necessary to implement an immediate update that is performed inside an application without passing through an application store, that is, the application needs a hot update function. At present, many platforms do not support the hot-update function, so that an application program developed based on the existing construction user interface framework is also difficult to support the hot-update function, so that the update efficiency of an application interface of an application needing immediate update is often not high enough, and the actual application requirements cannot be well met.

Disclosure of Invention

The embodiment of the application aims to solve the problem that the updating efficiency of the application program which needs to be updated in real time is not high.

In a first aspect, an embodiment of the present application provides an application interface updating method, where the method includes:

responding to an application interface updating instruction aiming at the target application, and acquiring an updating file corresponding to the target application; the update file is generated based on the Dart language and comprises component parameter configuration information corresponding to a target component of an application interface of the target application;

executing the update file through a Dart virtual machine preconfigured in the target application to obtain a component configuration file corresponding to the component parameter configuration information;

analyzing the component configuration file to obtain component parameter configuration information;

and rendering to obtain the updated application interface of the target application based on the component parameter configuration information.

In an optional embodiment of the first aspect, the method further comprises:

acquiring an installation package of a target application;

running the installation package to install the target application;

the installation package is generated by the following method:

acquiring an engine source code of a preset user interface toolkit and a patch file corresponding to the engine source code;

modifying the compilation configuration in the engine source code based on the patch file;

constructing a Dart virtual machine based on the modified engine source code;

acquiring an engineering file of a target application;

adding a Dart virtual machine into a project file of a target application;

and generating an installation package of the target application based on the project file added with the Dart virtual machine.

In an optional embodiment of the first aspect, the project file of the target application includes an initial interface configuration file corresponding to an initial application interface of the target application, and the initial interface configuration file is generated by:

packaging components of the target application in the user interface tool kit; the components of the target application comprise components related to application interface display of the target application;

receiving initial component parameter configuration information corresponding to an initial application interface through a component configuration interface of a user interface toolkit;

and constructing an initial interface configuration file corresponding to the initial application interface based on the initial component parameter configuration information and the components packaged in the constructed user interface toolkit.

In an alternative embodiment of the first aspect, the update file is generated by:

receiving component parameter configuration information corresponding to a target component through a component configuration interface of a user interface toolkit;

based on the component parameter configuration information corresponding to the target component, constructing a user interface toolkit to obtain a Dart file corresponding to the component parameter configuration information;

and compiling the Dart file to obtain an updated file corresponding to the Dart file.

In an optional embodiment of the first aspect, constructing, based on the component parameter configuration information corresponding to the target component, a Dart file corresponding to the component parameter configuration information by constructing a user interface toolkit includes:

determining a target component from the packaged components of the constructed user interface toolkit;

and constructing a Dart file corresponding to the component parameter configuration information based on the component parameter configuration information and the target component.

In an optional embodiment of the first aspect, the update file includes a target component construction function, and the target component construction function is configured to obtain a component configuration file corresponding to the component parameter configuration information;

executing the update file through a preset Dart virtual machine in the target application to obtain a component configuration file, wherein the component configuration file comprises:

executing an update file through a preset Dart virtual machine in a target application, acquiring a target component construction function in the update file, and updating a component construction function of an application interface based on the target component construction function;

and calling the updated component construction function to obtain a component configuration file corresponding to the component parameter configuration information.

In an optional embodiment of the first aspect, the component parameter configuration information includes a component type and a component configuration parameter, and the rendering the application interface updated by the target application based on the component parameter configuration information includes:

updating the components of the application interface based on the component types and the component configuration parameters in the component parameter configuration information, traversing the updated components of the application interface, and generating a component configuration tree;

and rendering to obtain the updated application interface of the target application based on the component configuration tree.

In a second aspect, an embodiment of the present application provides an apparatus for updating an application interface, where the apparatus includes:

the update file acquisition module is used for responding to an application interface update instruction aiming at the target application and acquiring an update file corresponding to the target application; the update file is generated based on the Dart language and comprises component parameter configuration information corresponding to a target component of an application interface of the target application;

the update file execution module is used for executing the update file through a Dart virtual machine preconfigured in the target application to obtain a component configuration file corresponding to the component parameter configuration information;

the configuration file analysis module is used for analyzing the component configuration file to obtain component parameter configuration information;

and the application interface rendering module is used for rendering to obtain the application interface after the target application is updated based on the component parameter configuration information.

In an optional embodiment of the second aspect, the system further includes a target application installation module, specifically configured to:

acquiring an installation package of a target application;

running the installation package to install the target application;

still include installation package generation module, installation package generation module is specifically used for:

constructing a Dart virtual machine based on the modified engine source code;

acquiring an engineering file of a target application;

adding a Dart virtual machine into a project file of a target application;

In an optional embodiment of the second aspect, the project file of the target application includes an initial interface configuration file corresponding to an initial application interface of the target application; the system further comprises an initial configuration file generation module, which is specifically used for:

In an optional embodiment of the second aspect, the system further includes an update file generation module, specifically configured to:

receiving component parameter configuration information corresponding to a target component through a preset component configuration interface for constructing a user interface toolkit;

In an optional embodiment of the second aspect, when the Dart file corresponding to the component parameter configuration information is constructed and obtained by constructing the user interface toolkit based on the component parameter configuration information corresponding to the target component, the update file generation module is specifically configured to:

In an optional embodiment of the second aspect, the update file includes a target component construction function, and the target component construction function is configured to obtain a component configuration file corresponding to the component parameter configuration information; when the update file is executed by the update file execution module through a Dart virtual machine preconfigured in the target application to obtain a component configuration file corresponding to the component parameter configuration information, the update file execution module is specifically configured to:

and calling the updated component construction function to acquire a component configuration file.

In an optional embodiment of the second aspect, the component parameter configuration information includes a component type and a component configuration parameter, and when the application interface rendering module renders the updated application interface of the target application based on the component parameter configuration information, the application interface rendering module is specifically configured to:

In a third aspect, an embodiment of the present application provides an electronic device, including:

the application interface updating method comprises a memory, a processor and a computer program which is stored on the memory and can run on the processor, wherein the application interface updating method of any embodiment is realized when the processor executes the program.

In a fourth aspect, the present application provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the application interface updating method of any one of the foregoing embodiments.

In a fifth aspect, embodiments of the present application provide a computer program product or a computer program comprising computer instructions stored in a computer-readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device implements the method provided by the embodiment of the first aspect when executed.

The application interface updating method provided by the embodiment of the application obtains an update file corresponding to a target application and containing component parameter configuration information in response to an application interface updating instruction for the target application, executes the update file through a Dart virtual machine preconfigured in the target application to obtain the component configuration file corresponding to the component parameter configuration information, analyzes the component configuration file to obtain the component parameter configuration information, and can render to obtain an updated application interface of the target application based on the component parameter configuration information. Based on the method provided by the embodiment of the application, the dynamic update of the logic codes in the application interface can be realized by executing the update file through the Dart virtual machine embedded in the target application, the component configuration file corresponding to the component parameter configuration information is obtained, the updated application interface can be obtained by rendering the component parameter configuration information obtained after the component configuration file is analyzed, the dynamic update of the application interface is realized, and the application interface update efficiency of the application with the instant update requirement is improved.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings used in the description of the embodiments of the present application will be briefly described below.

Fig. 1 is a schematic flowchart of an application interface updating method according to an embodiment of the present disclosure;

fig. 2 is a schematic flowchart of an application interface updating method according to an embodiment of the present disclosure;

fig. 3 is a schematic flowchart of an application interface updating method according to an embodiment of the present application;

fig. 4 is a schematic structural diagram of an application interface updating apparatus according to an embodiment of the present disclosure;

fig. 5 is a schematic structural diagram of an electronic device for updating an application interface according to an embodiment of the present application.

Detailed Description

Embodiments of the present application are described below in conjunction with the drawings in the present application. It should be understood that the embodiments set forth below in connection with the drawings are exemplary descriptions for explaining technical solutions of the embodiments of the present application, and do not limit the technical solutions of the embodiments of the present application.

As used herein, the singular forms "a", "an", "the" and "the" are intended to include the plural forms as well, unless the context clearly indicates otherwise. It should be further understood that the terms "comprises" and/or "comprising," when used in this specification in connection with embodiments of the present application, specify the presence of stated features, information, data, steps, operations, elements, and/or components, but do not preclude the presence or addition of other features, information, data, steps, operations, elements, components, and/or groups thereof, as embodied in the art. It will be understood that when an element is referred to as being "connected" or "coupled" to another element, it can be directly connected or coupled to the other element or intervening elements may be present. Further, "connected" or "coupled" as used herein may include wirelessly connected or wirelessly coupled. The term "and/or" as used herein indicates at least one of the items defined by the term, e.g., "a and/or B" indicates either an implementation as "a", or an implementation as "a and B".

To make the objects, technical solutions and advantages of the present application more clear, embodiments of the present application will be described in further detail below with reference to the accompanying drawings.

In a currently widely used cross-platform development scheme, multiple platform-executable applications can be compiled simultaneously from a set of code. For example, Flutter is an open-source build user interface toolkit, and can help developers build applications capable of running on multiple platforms efficiently through a set of code libraries.

Because some platforms do not support hot updating, the hot updating function is not provided in the Flutter, so that the application program developed based on the Flutter framework is difficult to realize the hot updating function, and for the application program with the instant updating requirement, the efficiency of updating the application program after the application program is audited by an application store is low, the waiting time of a user is long, and the user experience is not good.

The application interface updating method, device, electronic equipment and readable storage medium provided by the application aim to solve the technical problems in the prior art.

First, the technical terms and corresponding background art referred to in the present application will be explained:

the Dart language: the Dart language is a "structured Web (global Wide area network) programming" language that can provide high performance in almost all browsers and environments.

Flutter: flutter is designed as an extensible, layered system that can be divided into three layers, a Framework (Framework) on the top layer, an Engine (Engine) on the middle layer, and an embedded layer (Embedder) on the bottom layer. The framework layer is a response type framework realized by pure Dart language, and a developer usually needs to interact with a Flutter system through the framework layer; the engine layer is mostly realized by using C + +, which is the core of the Flutter system and provides a series of bottom layer realization of Flutter core interfaces, such as graphics, text layout, files and the like, and is a bridge for connecting the framework and the system; the embedded layer is basically realized by a language corresponding to a platform, and provides an entrance for the Flutter system, and the Flutter system accesses the service provided by the underlying system through the entrance.

Dart VM (Virtual Machine): the Dart VM is a virtual machine providing an execution environment for a Dart language, and can be understood as a collection of a series of components for executing Dart codes in a native environment, which support both a JIT (just in time) mode, an interpretive execution-while-compiling mode, and an ATO (just-in-time) mode, compiles a Dart source code into a machine code, and runs in a precompiled runtime environment, which does not include any compiler, and thus cannot dynamically load the Dart source code in such a mode.

The technical solutions of the embodiments of the present application and the technical effects produced by the technical solutions of the present application will be described below through descriptions of several exemplary embodiments. It should be noted that the following embodiments may be referred to, referred to or combined with each other, and the description of the same terms, similar features, similar implementation steps and the like in different embodiments is not repeated.

The application interface updating method provided by the embodiment of the application can be applied to a server and can also be applied to a terminal.

Those skilled in the art will understand that the "terminal" used herein may be a Personal computer, a Mobile phone, a tablet computer, a PDA (Personal Digital Assistant), an MID (Mobile Internet Device), etc.; a "server" may be implemented as a stand-alone server or as a server cluster comprised of multiple servers.

An embodiment of the present application provides an application interface updating method, for example, as shown in fig. 1, where the method includes:

step S101, responding to an application interface updating instruction aiming at a target application, and acquiring an updating file corresponding to the target application; and the update file is generated based on the Dart language and comprises component parameter configuration information corresponding to the target component of the application interface of the target application.

The embodiment of the present application is not limited, for example, when there is an update file corresponding to the target application in the server, the target application displays an update prompt message to the user, and prompts the user that the target application can be updated. And when receiving the confirmation operation of the user for updating the prompt information, triggering an application interface updating instruction for the target application. Of course, the application interface update instruction may also be automatically triggered when an update file corresponding to the target application exists in the server, for example, the update instruction may be updated in a specified time period (for example, the update time period of the target application specified by the user) or when the target application is in a specific state (for example, the target application at the user side is in background running).

Optionally, a corresponding update setting option may be provided to the user through an application interface of the target application, and the user may perform update setting through the option, for example, the user may check an automatic update option on a setting interface of the update setting option of the target application, so that when an update file corresponding to the target application exists in the server, the target application may automatically acquire the update file, and update the target application based on the update file. The user can also perform more detailed setting on the target application through the update setting option, for example, the size threshold of the update file can be preset, and when the update file is smaller than or equal to the volume threshold of the update file, the user side of the target application can automatically acquire the update file and update the target application based on the update file; when the update file is larger than the update file volume threshold, the target application needs to display update prompt information to a user, and when confirmation operation of the user for the update prompt information is received, an application interface update instruction for the target application is triggered.

In response to an application interface updating instruction for the target application, an updating file corresponding to the target application can be acquired from the server; the update file may include component parameter configuration information corresponding to a target component of an application interface of the target application, where the component parameter configuration information includes various update parameters for the target component, and is used to update the target component. The target component of the application interface of the target application may be a part of components that need to be updated in the application interface, or may be all components of the application interface. Specifically, the target component may include a component already existing in the target application before the update, the target component may be updated based on the corresponding component update configuration information, the target component may also include a component not included in the target application before the update, that is, component parameter configuration information of the new component, and based on each configuration information, the addition of the new component in the application interface may be implemented.

It should be noted that the application interface of the target application before the update (i.e., the interface before the update processing is performed based on the application interface update instruction) may be an initial application interface, that is, an application interface immediately after the target application is installed on the user terminal, or an application interface after the initial application interface is updated once or multiple times.

Optionally, the target application in this embodiment of the application may be an application developed based on a Flutter framework, and accordingly, the component in this application file may be a Widget (Widget) in Flutter, which is different from the "Widget" in the native development, the concept of the Widget in Flutter is more extensive, and almost all objects in Flutter are widgets, and may represent not only UI elements but also some functional components.

In this embodiment, the application interface updating method may further include the following steps: and acquiring an installation package of the target application, and operating the installation package to install the target application.

The installation package can be generated in the following way: acquiring an engine source code of a preset user interface toolkit and a patch file corresponding to the engine source code; modifying the compiling configuration in the engine source code based on the patch file, and then constructing a Dart virtual machine based on the modified engine source code; acquiring an engineering file of a target application; adding a Dart virtual machine into the engineering file of the target application, and generating an installation package of the target application based on the engineering file added with the Dart virtual machine.

In an example, the preset build user interface toolkit may be Flutter, and the generating of the installation package may be understood as extracting a Dart virtual machine from Flutter, and embedding the extracted Dart virtual machine into the target application.

Specifically, the Flutter engine source code and a patch (patch) file for the Flutter engine source code may be downloaded first, and the patch file may modify the compiling configuration in the Flutter engine, so that the Flutter engine can compile a Dart virtual machine that can run on the target platform. The downloaded patch file can be placed in a root directory of a source code of the Flutter engine, the patch file is executed, and compiling configuration in the Flutter engine is changed. And then entering a Dart catalog in the Flutter engine, adding a preset construction configuration code into a source code of the Flutter engine, and constructing the Dart virtual machine through the modified Flutter engine. And acquiring an engineering file of the target application, wherein the target application is not released at the moment, adding the constructed Dart virtual machine into the engineering file of the target application, and acquiring an installation package of the target application based on the engineering file added with the Dart virtual machine, wherein the installation package of the target application comprises the Dart virtual machine at the moment.

And step S102, executing the update file through a Dart virtual machine pre-configured in the target application to obtain a component configuration file corresponding to the component parameter configuration information.

In this embodiment of the present application, the update file may include a target component building function, the target component building function is called when the Dart virtual machine executes the update file, and the target component function returns to the component configuration file after being called.

The format of the update file may be a ". dill" file (i.e., a Dart byte code file), ". dill" file is a product of compiling the Dart file, and cannot be directly executed, and needs to be executed by a Dart virtual machine preconfigured in the target application. After the update file is executed by the Dart virtual machine, a component configuration file corresponding to the component parameter configuration information can be obtained, the format of the component configuration file can be JS (JavaScript Object Notation), and the component configuration file in the format can describe various component parameters in the component parameter configuration information by using a concise and clear hierarchical structure.

In this embodiment of the present application, the update file may include a target component construction function, where the target component construction function includes component parameter configuration information, and is used to obtain a component configuration file corresponding to the component parameter configuration information. Specifically, the component building function may be a build method in Flutter, which is used to create a user interface related component. When a component is created by using the build method, the component parameter configuration information corresponding to the component is written into the corresponding build function. The target component building function in the application may be a build function corresponding to a component that needs to be updated on the interface, and the function includes component parameter configuration information of the components. The component parameter configuration information may specifically be parameters such as a component name, display coordinates of the component on the application interface, a length and a width. When the Dart virtual machine executes the update file, a target build function (target component building function) is called, and the target build function returns a component configuration file corresponding to the component parameter configuration information. It can be understood that the component configuration file extracts various parameters required for rendering the interface in the built function, and the parameters are more clearly expressed in the JS format.

In practical application, the component construction function may be written based on the Dart language to obtain a Dart source code file (Dart file) containing the component construction function, and then the Dart source code file is compiled to obtain a Dart byte code file, and the Dart byte code file is used as an update file. The update file may be executed by the Dart virtual machine within the target application.

In this embodiment of the present application, when an application interface needs to be updated, executing an update file by a Dart virtual machine preconfigured in a target application to obtain a component configuration file corresponding to component parameter configuration information, which may include the following steps:

(1) executing the update file through a preset Dart virtual machine in the target application, and updating a component construction function of the application interface based on a target component construction function in the update file; the format of the update file can be a ". dill" file, so that the update file needs to be executed through a Dart virtual machine pre-configured in the target application, and the component building function of the current application interface is updated to the target component building function;

(2) and calling the updated component construction function to obtain a component configuration file corresponding to the component parameter configuration information. Before the component is rendered, the updated component construction function can be called to obtain a component configuration file corresponding to the component parameter configuration information, wherein the format of the component configuration file can be a JSON format, and the component configuration file is a lightweight data exchange format and can be convenient for reading the corresponding component parameter configuration information.

Step S103, analyzing the component configuration file to obtain component parameter configuration information.

In the embodiment of the present application, the component configuration file may be analyzed to obtain component parameter configuration information, where the component parameter configuration information may include a component type and a component configuration parameter. The component types may be a text type, a container type, an auxiliary prompt type, a list type, a system theme style type, an interaction type, and the like. The component configuration parameters may include, but are not limited to, the color, size, template style, font style, etc. of the component.

And step S104, based on the component parameter configuration information, rendering to obtain the updated application interface of the target application. The component parameter configuration information reconstruction component can be given, and an updated application interface of the target application is obtained through rendering of a rendering engine of the application program, so that the updated application interface can display the component corresponding to the component parameter configuration information.

In the embodiment of the present application, the component parameter configuration information may include a component type and a component configuration parameter. Rendering the updated application interface of the target application based on the component parameter configuration information may include the following steps:

The component type can be one of a text type, a container type, a list type and an interaction type component.

The component of the text type is used to describe the text, such as a text component, and the component configuration parameters of the component of the text type may be the color, size, strikethrough, boldface, font style, and the like of the font. The container type component can bear the display of various contents, and the component configuration parameters of the container type component can be length, width, whether a frame is added to the component or not, frame color, frame width and the like. The list type component can be displayed as a list style in the application interface, and the configurable component configuration parameters are a list sliding direction, component configuration parameters of a sub-component set, a list title, a preview sub-icon and the like. The interaction type component can set some display effects interacted with the cursor, and the component configuration parameters of the type of component can comprise prompt information appearing when the cursor is clicked, water ripple color appearing when the component is clicked, color of a button when the cursor is hovered, size of shadow when the button is unavailable and the like.

After the component parameter configuration information is obtained by analyzing the component configuration file, the components of the application interface can be updated based on the component types and the component configuration parameters in the component parameter configuration information, the updated components of the application interface are traversed, and a component configuration tree is generated. Specifically, when the target application in the present application gives development to the Flutter framework, the component configuration tree may be a view tree in the Flutter framework, and the view tree may include three types: a Widget (Widget) tree, which contains Widget configuration information for describing application interface features, such as size, color and position of each component in the application interface; an element tree for storing context information, through which the view tree is traversed, and supporting a user interface structure; render object (render object) trees, the executors of application interface updates, are the objects that actually invoke the rendering engine to update.

Traversing the components of the updated application interface, and rendering the updated application interface of the target application based on the component configuration tree may include the following steps: the method comprises the steps of reconstructing a component based on component parameter configuration information, generating a control tree, further generating an element tree based on the control tree, creating a corresponding rendering object tree based on the element tree, completing layout arrangement and drawing through the rendering object tree, generating a corresponding rendering layer, and delivering the rendering layer to a GPU for rendering display to obtain an updated application interface.

The application interface updating method responds to an application interface updating instruction aiming at the target application, obtains an updating file which corresponds to the target application and contains component parameter configuration information, executes the updating file through a Dart virtual machine pre-configured in the target application to obtain the component configuration file corresponding to the component parameter configuration information, analyzes the component configuration file to obtain the component parameter configuration information, and can obtain an application interface updated by the target application through rendering based on the component parameter configuration information. The dynamic updating of the logic codes in the application interface is realized by executing the update file by the Dart virtual machine embedded in the target application, meanwhile, the component configuration file corresponding to the component parameter configuration information is obtained after the update file is executed, the updated application interface can be obtained by rendering the component parameter configuration information obtained after the component configuration file is analyzed, the dynamic updating of the application interface is realized, and the application interface updating efficiency of the application with the instant updating requirement is improved.

The embodiment of the application provides a possible implementation manner, the engineering file of the target application comprises an initial interface configuration file corresponding to an initial application interface of the target application, and the initial interface configuration file can be generated in the following manner:

(1) packaging components of the target application in the user interface tool kit; the components of the target application include components related to application interface displays of the target application. Specifically, encapsulation refers to hiding the attributes and implementation details of an object, and only externally disclosing an interface and controlling the access level of reading and modifying the attributes in a program; the abstracted data and behaviors (or functions) are combined to form an organic whole, namely, the data and source codes of operation data are organically combined to form a 'class', wherein the data and the functions are members of the class.

If the build ui toolkit may include inheritance relationships among various components, encapsulating the preset components in the build ui toolkit, which may include the following steps: extracting configurable attributes of at least one type of components in a tool kit for constructing a user interface; generating a component interface of each type of component based on the inheritance relationship and the configurable attribute; the component interface may be configured to configure the component according to the component configuration file acquired by the component interface.

In the embodiment of the present application, encapsulating a component may be understood as extracting all configurable attributes of the component to form a component interface, and receiving an externally input component configuration file containing configuration parameters through the component interface to configure the component. The format of the component configuration file containing the configuration parameters may be a JSON file.

The user interface toolkit can be constructed as Flutter, all basic components in the Flutter can be packaged to generate corresponding component interfaces, and when an application interface is designed, the component interfaces can be used for transmitting parameters, so that the configuration of the component is realized. The packaging of the components can reduce the code amount and the hierarchy of the codes at the use position, so that the codes are simplified and visualized; the extracted codes can be used in multiple ways, are not limited to the current page, are convenient for flexible expansion and are also convenient for subsequent reading and maintenance.

(2) And receiving initial component parameter configuration information corresponding to the initial application interface through a component configuration interface of the constructed user interface toolkit. The build user interface toolkit may be any plug-in or software that contains user interface building functionality. The component configuration interface for building the user interface toolkit includes, but is not limited to, an encoding interface for building the user interface toolkit, and a visual component drawing interface. Initial component parameter configuration information set by a user for an initial application interface can be received through the component configuration interface, wherein the initial component parameter configuration information includes various parameters corresponding to components in the initial application interface, including but not limited to an initial component type and initial component configuration parameters.

(3) And constructing an initial interface configuration file corresponding to the initial application interface based on the initial component parameter configuration information and the components packaged in the constructed user interface toolkit. And rendering the initial interface of the target application based on the initial interface configuration file.

The embodiment of the application provides a possible implementation manner, and the update file is generated in the following manner: receiving component parameter configuration information corresponding to a target component through a component configuration interface of a user interface toolkit; based on the component parameter configuration information corresponding to the target component, constructing a user interface toolkit to obtain a Dart file corresponding to the component parameter configuration information; and compiling the Dart file to obtain an updated file corresponding to the Dart file. Specifically, the update file may be a Dart bytecode file, and the Dart bytecode file is compiled from the Dart file.

The Dart bytecode file can be a ". dill" file, and the ". dill" file is a product of compiling the Dart file, cannot be directly executed, and needs to be executed by a Dart virtual machine preconfigured in the target application.

The method comprises the steps of receiving component parameter configuration information set by a user through a preset component configuration interface of a building user interface toolkit, wherein the component parameter configuration information can comprise a component type, component configuration parameters and component codes of a building component. And building a Dart file corresponding to the component parameter configuration information by building a user interface toolkit, and then compiling the Dart file based on a virtual machine built in the built user interface toolkit to obtain a corresponding Dart byte code file. Research personnel can upload the Dart bytecode file to the server, and the target application acquires the Dart bytecode file to update the application interface of the target application.

In other embodiments, the update file may be a Dart file, that is, a source code file encoded by a user directly through a Dart language, the Dart file may be uploaded to a server, after the target application acquires the Dart file, before the Dart file is executed, the Dart file is compiled into a Dart byte code file through a Dart virtual machine built in the target application and executed, a component configuration file corresponding to the component parameter configuration information is acquired, then the component configuration file is analyzed to acquire the component parameter configuration information, and an application interface after the target application is updated is obtained through rendering based on the component parameter configuration information.

In the embodiment of the application, when the update file is generated, the packaged components in the build user interface toolkit can be called in the update file.

Then, based on the component parameter configuration information corresponding to the target component, constructing a user interface toolkit to obtain a Dart file corresponding to the component parameter configuration information, which may include the following steps: determining a target component from the packaged components of the constructed user interface toolkit; and constructing a Dart file corresponding to the component parameter configuration information based on the component parameter configuration information and the target component.

The target component may be a component that needs to be updated in the application interface, may be all components of the application interface, or may be a component that is not displayed in the application interface in the target application (or a new component that a developer wants to add to the application interface).

The Dart file can be compiled into a corresponding Dart bytecode file by constructing a user interface toolkit and uploaded to the server. And the target application acquires the Dart bytecode file from the server, and executes the Dart bytecode file through a Dart virtual machine built in the target application to obtain a component configuration file corresponding to the component parameter configuration information. And analyzing the component configuration file to obtain component parameter configuration information. Updating the components of the application interface by the component interface (the packaging layer of the components) based on the component parameter configuration information, traversing the components of the updated application interface, generating a component configuration tree, and rendering to obtain the updated application interface of the target application based on the component configuration tree.

In order to more clearly understand the application interface updating method of the present application, the application interface updating method of the present application will be further described with reference to examples.

In one example, as shown in fig. 2, the application interface updating method of the present application may include the following steps:

step S201, receiving component parameter configuration information through a preset component configuration interface for constructing a user interface toolkit;

step S202, constructing a user interface toolkit based on the component parameter configuration information to obtain a Dart file corresponding to the component parameter configuration information;

step S203, compiling the Dart file to obtain a Dart byte code file corresponding to the Dart file; the Dart bytecode file can be a ". dill" file, which is a product of the compiled Dart file, cannot be directly executed, and needs to be executed by a Dart virtual machine preconfigured in the target application;

step S204, uploading the Dart bytecode file as an update file to a server;

step S205, responding to an application interface updating instruction aiming at the target application, and acquiring an updating file corresponding to the target application from a server; the update file comprises component parameter configuration information corresponding to a target component of an application interface of the target application;

step S206, executing the update file through a Dart virtual machine preconfigured in the target application to obtain a component configuration file corresponding to the component parameter configuration information;

step S207, analyzing the component configuration file to obtain component parameter configuration information;

step S208, updating the components of the application interface based on the component types and the component configuration parameters in the component parameter configuration information, traversing the updated components of the application interface, and generating a component configuration tree;

and step S209, based on the component configuration tree, rendering to obtain the application interface after the target application is updated.

In an example, the preset build user interface toolkit may be Flutter, and the application interface updating method in the present application may be as shown in fig. 3, and includes the following steps:

step S301, packaging the basic component in the Flutter, and compiling the engineering file of the target application based on the packaged component;

step S302, obtaining an engine source code of the Flutter and a corresponding patch file, placing the patch file in a root directory of the engine source code, and executing the patch file;

step S303, entering a Dart catalog in a Flutter engine, adding a preset construction configuration code into a Flutter engine source code, constructing and obtaining a Dart virtual machine through the modified Flutter engine, and extracting the Dart virtual machine from the Flutter;

step S304, the target application is in an unpublished state at the moment, and a Dart virtual machine constructed by a Flutter engine can be added into the engineering file of the target application; obtaining an installation package of the target application based on the project file added with the Dart virtual machine, and embedding the Dart virtual machine into the installation package of the target application;

step S305, the user installs the target application based on the installation package;

step S306, responding to an application interface updating instruction aiming at the target application, and acquiring an updating file corresponding to the target application from a server; the update file can be in a ". dill format" (Dart byte code file), is obtained by compiling a Dart source code file written by research personnel, cannot be directly executed, and needs to be executed by a Dart virtual machine;

step S307, executing the update file based on a Dart virtual machine preset in the target application to obtain a JSON file containing component configuration parameter information;

step S308, receiving the JSON file through a packaging layer of the component, analyzing the JSON file, and determining the component type and the component configuration parameters;

and S309, reconstructing the components of the application interface based on the component types and the component configuration parameters, and rendering the components based on the reconstructed application interface to obtain an updated application interface.

An application interface updating apparatus is provided in an embodiment of the present application, as shown in fig. 4, the application interface updating apparatus 40 may include: an update file acquisition module 401, an update file execution module 402, a configuration file parsing module 403, and an application interface rendering module 404, wherein,

The application interface updating device responds to an application interface updating instruction for the target application, acquires an updating file which corresponds to the target application and contains component parameter configuration information, executes the updating file through a Dart virtual machine pre-configured in the target application to obtain the component configuration file corresponding to the component parameter configuration information, analyzes the component configuration file to obtain the component parameter configuration information, and can render to obtain the application interface updated by the target application based on the component parameter configuration information. The dynamic updating of the logic codes in the application interface is realized by executing the update file by the Dart virtual machine embedded in the target application, meanwhile, the component configuration file corresponding to the component parameter configuration information is obtained after the update file is executed, the updated application interface can be obtained by rendering the component parameter configuration information obtained after the component configuration file is analyzed, the dynamic updating of the application interface is realized, and the application interface updating efficiency of the application with the instant updating requirement is improved.

In an embodiment of the present application, the system further includes a target application installation module, specifically configured to:

acquiring an installation package of a target application;

running the installation package to install the target application;

constructing a Dart virtual machine based on the modified engine source code;

acquiring an engineering file of a target application;

adding a Dart virtual machine into a project file of a target application;

In the embodiment of the application, the project file of the target application comprises an initial interface configuration file corresponding to an initial application interface of the target application; the system further comprises an initial configuration file generation module, which is specifically used for:

In an embodiment of the present application, the system further includes an update file generation module, which is specifically configured to:

In this embodiment of the present application, when the Dart file corresponding to the component parameter configuration information is constructed and obtained by constructing the user interface toolkit based on the component parameter configuration information corresponding to the target component, the update file generation module is specifically configured to:

In the embodiment of the application, the update file comprises a target component construction function, and the target component construction function is used for acquiring a component configuration file corresponding to the component parameter configuration information; when the update file is executed by the update file execution module through a Dart virtual machine preconfigured in the target application to obtain a component configuration file corresponding to the component parameter configuration information, the update file execution module is specifically configured to:

In this embodiment of the present application, the component parameter configuration information includes a component type and a component configuration parameter, and when the application interface rendering module renders the updated application interface of the target application based on the component parameter configuration information, the application interface rendering module is specifically configured to:

The apparatus of the embodiment of the present application may execute the method provided by the embodiment of the present application, and the implementation principle is similar, the actions executed by the modules in the apparatus of the embodiments of the present application correspond to the steps in the method of the embodiments of the present application, and for the detailed functional description of the modules of the apparatus, reference may be specifically made to the description in the corresponding method shown in the foregoing, and details are not repeated here.

An embodiment of the present application provides an electronic device (computer apparatus/device/system) including a memory and a processor; at least one program stored in the memory for execution by the processor, which when executed by the processor, implements: logic codes and components of the application interface of the target application can be dynamically updated, and the application interface updating efficiency of the application with the instant updating requirement is improved.

In an alternative embodiment, an electronic device is provided, as shown in fig. 5, the electronic device 4000 shown in fig. 5 comprising: a processor 4001 and a memory 4003. Processor 4001 is coupled to memory 4003, such as via bus 4002. Optionally, the electronic device 4000 may further include a transceiver 4004, and the transceiver 4004 may be used for data interaction between the electronic device and other electronic devices, such as transmission of data and/or reception of data. In addition, the transceiver 4004 is not limited to one in practical applications, and the structure of the electronic device 4000 is not limited to the embodiment of the present application.

The Processor 4001 may be a CPU (Central Processing Unit), a general-purpose Processor, a DSP (Digital Signal Processor), an ASIC (Application Specific Integrated Circuit), an FPGA (Field Programmable Gate Array) or other Programmable logic device, a transistor logic device, a hardware component, or any combination thereof. Which may implement or perform the various illustrative logical blocks, modules, and circuits described in connection with the disclosure. The processor 4001 may also be a combination that performs a computational function, including, for example, a combination of one or more microprocessors, a combination of a DSP and a microprocessor, or the like.

Bus 4002 may include a path that carries information between the aforementioned components. The bus 4002 may be a PCI (Peripheral Component Interconnect) bus, an EISA (Extended Industry Standard Architecture) bus, or the like. The bus 4002 may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown in FIG. 5, but this is not intended to represent only one bus or type of bus.

The Memory 4003 may be a ROM (Read Only Memory) or other types of static storage devices that can store static information and instructions, a RAM (Random Access Memory) or other types of dynamic storage devices that can store information and instructions, an EEPROM (Electrically Erasable Programmable Read Only Memory), a CD-ROM (Compact Disc Read Only Memory) or other optical Disc storage, optical Disc storage (including Compact Disc, laser Disc, optical Disc, digital versatile Disc, blu-ray Disc, etc.), a magnetic Disc storage medium, other magnetic storage devices, or any other medium that can be used to carry or store a computer program and that can be Read by a computer, without limitation.

The memory 4003 is used for storing computer programs for executing the embodiments of the present application, and is controlled by the processor 4001 to execute. The processor 4001 is used to execute computer programs stored in the memory 4003 to implement the steps shown in the foregoing method embodiments.

Among them, electronic devices include but are not limited to: mobile terminals such as mobile phones, notebook computers, PADs, etc. and fixed terminals such as digital TVs, desktop computers, etc.

Embodiments of the present application provide a computer-readable storage medium, on which a computer program is stored, and when being executed by a processor, the computer program may implement the steps and corresponding contents of the foregoing method embodiments.

Embodiments of the present application further provide a computer program product, which includes a computer program, and when the computer program is executed by a processor, the steps and corresponding contents of the foregoing method embodiments can be implemented.

It should be understood that, although each operation step is indicated by an arrow in the flowchart of the embodiment of the present application, the implementation order of the steps is not limited to the order indicated by the arrow. In some implementation scenarios of the embodiments of the present application, the implementation steps in the flowcharts may be performed in other sequences as desired, unless explicitly stated otherwise herein. In addition, some or all of the steps in each flowchart may include multiple sub-steps or multiple stages based on an actual implementation scenario. Some or all of these sub-steps or stages may be performed at the same time, or each of these sub-steps or stages may be performed at different times, respectively. In a scenario where execution times are different, an execution sequence of the sub-steps or the phases may be flexibly configured according to requirements, which is not limited in the embodiment of the present application.

The foregoing is only an optional implementation manner of a part of implementation scenarios in this application, and it should be noted that, for those skilled in the art, other similar implementation means based on the technical idea of this application are also within the protection scope of the embodiments of this application without departing from the technical idea of this application.

Claims

1. An application interface updating method is characterized by comprising the following steps:

responding to an application interface updating instruction aiming at a target application, and acquiring an updating file corresponding to the target application; the update file is generated based on a Dart language and comprises component parameter configuration information corresponding to a target component of an application interface of the target application;

executing the update file through a preset Dart virtual machine in the target application to obtain a component configuration file;

analyzing the component configuration file to obtain the component parameter configuration information;

2. The application interface updating method according to claim 1, further comprising:

acquiring an installation package of the target application;

running the installation package to install the target application;

the installation package is generated by the following method:

modifying a compilation configuration in the engine source code based on the patch file;

constructing a Dart virtual machine based on the modified engine source code;

acquiring a project file of the target application;

adding the Dart virtual machine into the engineering file of the target application;

and generating an installation package of the target application based on the project file added into the Dart virtual machine.

3. The application interface updating method according to claim 2, wherein the project file of the target application comprises an initial interface configuration file corresponding to an initial application interface of the target application, and the initial interface configuration file is generated by:

packaging the components of the target application in the build user interface toolkit; the components of the target application comprise components related to application interface display of the target application;

receiving initial component parameter configuration information corresponding to an initial application interface through the component configuration interface of the building user interface toolkit;

4. The application interface updating method according to claim 3, wherein the update file is generated by:

receiving component parameter configuration information corresponding to the target component through a component configuration interface of the building user interface toolkit;

based on the component parameter configuration information corresponding to the target component, constructing a Dart file corresponding to the component parameter configuration information through the constructed user interface toolkit;

5. The method according to claim 4, wherein the constructing the Dart file corresponding to the component parameter configuration information through the constructed user interface toolkit based on the component parameter configuration information corresponding to the target component includes:

determining the target component from the packaged components of the build user interface toolkit;

6. The application interface updating method according to claim 1, wherein the update file comprises a target component construction function, and the target component construction function is used for acquiring a component configuration file corresponding to the component parameter configuration information;

the obtaining the component configuration file by executing the update file through a Dart virtual machine preconfigured in the target application includes:

executing the update file through a preset Dart virtual machine in the target application, acquiring a target component construction function in the update file, and updating the component construction function of the application interface based on the target component construction function;

7. The method for updating an application interface according to claim 1, wherein the component parameter configuration information includes a component type and a component configuration parameter, and the rendering the application interface updated by the target application based on the component parameter configuration information includes:

8. An application interface updating apparatus, comprising:

the update file acquisition module is used for responding to an application interface update instruction aiming at a target application and acquiring an update file corresponding to the target application; the update file is generated based on a Dart language and comprises component parameter configuration information corresponding to a target component of an application interface of the target application;

the configuration file analysis module is used for analyzing the component configuration file to obtain the component parameter configuration information;

and the application interface rendering module is used for rendering to obtain the application interface updated by the target application based on the component parameter configuration information.

9. An electronic device comprising a display, a camera, a memory, a processor and a computer program stored on the memory, wherein the processor executes the computer program to implement the steps of the method of any one of claims 1 to 7.

10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the application interface updating method of any one of claims 1 to 7.