Application page jump method, device, storage medium and computer program product

By using bridge mode objects to manage page jumps and return in the uni-app framework, the problem that jumps between H5 application pages cannot automatically maintain data and status, and data sharing and simplified jump process are achieved.

CN119166113BActive Publication Date: 2025-02-25ZHONGKE YUNGU TECH
View PDF 2 Cites 0 Cited by

Patent Information

Application Number
CN202411653074.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2024-11-19
Publication Date
2025-02-25
Estimated Expiration
2044-11-19

AI Technical Summary

Technical Problem

In mobile apps developed based on the uni-app framework, jumps between H5 application pages cannot automatically maintain page data and status, and data sharing cannot be achieved.

Method used

When the page opening instruction is received on the mobile application base, the service application is loaded based on the network view component, and the bridge mode object is mounted on the page container, including the page jump function and the page return function. This bridge mode object is responsible for managing page jumps and return, ensuring data transmission and sharing.

Benefits of technology

It simplifies the application page jump process, automatically maintains page data and status, and allows data sharing between each page.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119166113B_ABST
    Figure CN119166113B_ABST
Patent Text Reader

Abstract

The embodiment of the present application relates to the field of computer technology, and provides a method, device, storage medium and computer program product for jumping an application page. The method includes: when the first instance of the network view component has loaded the first business application, accessing the preset insertable page data, and mounting the bridge mode object to the page container of the first business application; receiving a page jump instruction to run the second instance based on the page jump function to load the second business application, and transmitting the first parameter data of the first business application to the second business application; after the second application page is loaded, accessing the preset insertable page data, and mounting the bridge mode object to the page container of the second business application; calling the function based on the parameters to read the business data of the first application page; receiving a page return instruction to run the first instance based on the page return function to activate the first business application and restore the first application page, and transmitting the processing result of the second business application to the first business application.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, storage medium and computer program product for jumping to an application page. Background Art

[0002] In network application systems, compared with using native technology, developing the user end based on a cross-platform application framework greatly reduces development costs. Among them, the uni-app (front-end application development) framework has a wide range of applications in the industry. In mobile apps with a variety of business modules, embedded business function modules are generally implemented using H5 application pages. Each H5 application can be developed by different business teams. In response to business scenario requirements, there are many scenarios of mutual jumps and data interactions between H5 application pages.

[0003] In the mobile App base and H5 business applications developed based on the uni-app framework, the App base uses the framework's built-in web-view component to load the H5 application page, and the H5 application page can share data with the App base based on the built-in SDK. There are two traditional methods for jumping between H5 applications. Method 1: H5 application A can use the built-in web-view component (in H5, web-view is actually an iframe tag node) to load and open the H5 application B page. The application B page uses the framework's built-in SDK to return to the application A page, but does not support data storage sharing between application A and application B pages, blocking the data interaction between application A and application B from a basic capability perspective. At the same time, the application B page opened in this way will lose the ability to share data storage with the mobile App base, making it impossible for application B to read the public basic data provided by the App base. Method 2: H5 application A assigns location.href to the page URL of application B, triggering the current web-view container to destroy the page of application A and load the page of application B. Application B returns to application A in the same way. In this way, data storage sharing can be achieved between pages using the framework's built-in SDK, but after the page jumps, the page data and status of application A cannot be naturally maintained. If the page status needs to be restored after returning, application A needs to autonomously store the page data and status information locally before jumping to the page, and then restore it autonomously after returning. In addition, to achieve data interaction between application A and application B, each application must agree on a data transmission mechanism and write additional data interaction logic. Therefore, there is an urgent need for a page jump method that can simplify the page jump process of each application, while automatically maintaining the data and status of the page and sharing data between pages. Summary of the invention

[0004] The purpose of the embodiments of the present application is to provide an application page jump method, device, storage medium and computer program product, so as to solve the technical defects in the prior art that the application page in the front-end application development framework cannot automatically maintain the page data and status when jumping and the data between pages cannot be shared.

[0005] In order to achieve the above-mentioned purpose, the first aspect of the present application provides a method for jumping to an application page, wherein the application is developed based on a front-end application development framework, the front-end application development framework includes a mobile application base and a network view component, and the jumping method includes:

[0006] When a page opening instruction is received based on the mobile application base, a first business application is loaded based on the first instance of the network view component;

[0007] When the first application page of the first business application is loaded, the preset page data can be inserted, and the bridge mode object is mounted on the page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function;

[0008] When receiving the page jump instruction, running the network view component based on the page jump function to load the second business application based on the second instance of the network view component, and transmitting the first parameter data of the first business application to the second business application, wherein the first parameter data includes the business data of the first application page;

[0009] When the second application page of the second business application is loaded, the access preset can insert page data, and the bridge mode object is mounted on the page container of the second business application;

[0010] When a page return instruction is received, the second business application is closed based on the page return function and the first instance of the network view component is run to activate the first business application and restore the first page based on the first instance of the network view component, and the processing results of the second business application on the business data are transmitted to the first business application.

[0011] In an embodiment of the present application, the first parameter data of the first business application also includes a page resource address of the second business application and a return data callback function.

[0012] In an embodiment of the present application, the front-end application development framework also includes an application development tool module, and the jump method also includes: when loading a second business application based on a second instance of a network view component, calling a first preset key through a page jump function to store the first parameter data in the application development tool module based on the first preset key, so as to allow the first parameter data to be shared and called by multiple business applications.

[0013] In an embodiment of the present application, the bridge mode object also includes a parameter calling function, and the jump method also includes: when the second application page of the second business application is loaded, calling the first preset key based on the parameter calling function to read the business data of the first application page based on the first preset key.

[0014] In an embodiment of the present application, the jump method also includes: when a page return instruction is received, receiving the processing result for the business data transmitted by the second business application, and transmitting the processing result to the page return function, so that after the network view component activates the first business application, the processing result for the business data of the second business application is transmitted to the first business application through the page return function.

[0015] In an embodiment of the present application, the front-end application development framework also includes an application development tool module, and the jump method also includes: when the first business application is activated based on the first instance of the network view component, a second preset key is called through a page return function to store the processing result of the second business application on the business data to the application development tool module based on the second preset key, so as to allow the processing result to be shared and called by multiple business applications.

[0016] In an embodiment of the present application, the jump method also includes: when loading the first business application based on the first instance of the network view component, executing the preset insertable page data to call the second preset key to read the shared data in the application development tool module based on the second preset key.

[0017] A second aspect of the present application provides a device for jumping to an application page, comprising:

[0018] a memory configured to store instructions;

[0019] The processor is configured to call the instruction from the memory and implement the above-mentioned application page jump method when executing the instruction.

[0020] A third aspect of the present application provides a machine-readable storage medium, on which instructions are stored. When the instructions are executed by a processor, the processor is configured to execute the above-mentioned application page jump method.

[0021] A fourth aspect of the present application provides a computer program product, including a computer program, which implements the above-mentioned application page jump method when executed by a processor.

[0022] The above technical solution loads the first business application based on the first instance of the network view component when a page opening instruction is received based on the mobile application base; when the first application page of the first business application is loaded, the preset page data can be inserted, and the bridge mode object is mounted on the page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function; when the page jump instruction is received, the network view component is run based on the page jump function to load the second business application based on the second instance of the network view component, and the first parameter data of the first business application is transmitted to the second business application, wherein the first parameter data includes the business data of the first application page; when the second application page of the second business application is loaded, the preset page data can be inserted, and the bridge mode object is mounted on the page container of the second business application; when the page return instruction is received, the second business application is closed based on the page return function and the first instance of the network view component is run to activate the first business application and restore the first page based on the first instance of the network view component, and the processing result of the second business application on the business data is transmitted to the first business application. This simplifies the process of jumping to each application page, and not only can the data and status of the page be automatically maintained, but also the data between the pages can be shared.

[0023] Other features and advantages of the embodiments of the present application will be described in detail in the subsequent specific implementation section. BRIEF DESCRIPTION OF THE DRAWINGS

[0024] The accompanying drawings are used to provide a further understanding of the embodiments of the present application and constitute a part of the specification. Together with the following specific implementations, they are used to explain the embodiments of the present application, but do not constitute a limitation on the embodiments of the present application. In the accompanying drawings:

[0025] Figure 1 A schematic diagram schematically shows a flow chart of a method for jumping to an application page according to an embodiment of the present application;

[0026] Figure 2 A schematic diagram of an application environment of a method for jumping to an application page according to an embodiment of the present application is schematically shown;

[0027] Figure 3 The internal structure diagram of a computer device according to an embodiment of the present application is schematically shown. DETAILED DESCRIPTION

[0028] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. It should be understood that the specific implementation methods described herein are only used to illustrate and explain the embodiments of the present application, and are not used to limit the embodiments of the present application. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of this application.

[0029] In addition, if there are descriptions involving "first", "second", etc. in the embodiments of the present application, the descriptions of "first", "second", etc. are only used for descriptive purposes and cannot be understood as indicating or suggesting their relative importance or implicitly indicating the number of technical features indicated. Therefore, the features defined as "first" and "second" may explicitly or implicitly include at least one of such features. In addition, the technical solutions between the various embodiments can be combined with each other, but they must be based on the ability of ordinary technicians in the field to implement them. When the combination of technical solutions is contradictory or cannot be implemented, it should be deemed that such combination of technical solutions does not exist and is not within the scope of protection required by this application.

[0030] Figure 1 The following schematically shows a flow chart of a method for jumping to an application page according to an embodiment of the present application. Figure 2 As shown, an embodiment of the present application provides a method for jumping to an application page. The application is developed based on a front-end application development framework. The front-end application development framework includes a mobile application base and a network view component. The jumping method may include the following steps.

[0031] Step 101: when a page opening instruction is received based on the mobile application base, a first business application is loaded based on a first instance of the network view component.

[0032] In the embodiment of the present application, it should be noted that the front-end application development framework may refer to the uni-app framework. ‌uni-app is a framework for developing all front-end applications using Vue.js‌, which allows developers to write a set of codes and then publish them to multiple platforms, including iOS, Android, Web (responsive), and various applets, quick applications, etc. The mobile application base may refer to the mobile App base of the uni-app framework. The App base of the uni-app framework refers to the native App that can be packaged into Android and iOS when using uni-app to develop cross-platform applications. The web view component may refer to the web-view component. The ‌web-view component refers to a component that can be used to display web pages in a mini-program. The first business application and the second business application may both refer to an H5 application. The H5 application is a web application developed based on HTML5 technology, which supports responsive design, and developers can create web pages that adapt to different devices and screen sizes. Specifically, in the present technical solution, the first business application may refer to H5 application A, and the second business application may refer to H5 application B. An instance generally refers to a code snippet or project written in a programming language. The purpose of these codes is to solve specific, practical programming problems. In this technical solution, loading business applications can be achieved by creating an instance of the web-view component.

[0033] In this embodiment, the user can trigger the activation instruction of the business application on the mobile app base to load the H5 application A based on the first instance of the ‌‌web-view component.

[0034] Step 102, when the first application page of the first business application is loaded, access the preset insertable page data and mount the bridge mode object to the page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function.

[0035] In the embodiment of the present application, it should be noted that the preset insertable page data may refer to the page JavaScript code. The JavaScript code is a programming code that can be inserted into an HTML page. In the present technical solution, the JavaScript code should include the control logic for the first application page of H5 application A to communicate with the mobile app base. Therefore, when the first application page of H5 application A is loaded, the JavaScript code can be injected to establish communication between H5 application A and the mobile app base. At the same time, a bridge mode object is mounted on the page container window object of H5 application A. It should be noted that the bridge mode object may refer to a Bridge object. The Bridge object is a structural design pattern that can separate the abstract part from the implementation part so that they can change independently. The main purpose of this pattern is to establish a connection between two classes by combination, rather than by inheritance. In the present technical solution, the mounted Bridge object can provide two functions for the first application page of H5 application A, including a page jump function navigateTo and a page return function navigateBack.

[0036] Step 103, when a page jump instruction is received, run the network view component based on the page jump function to load the second business application based on the second instance of the network view component, and transmit the first parameter data of the first business application to the second business application, wherein the first parameter data includes the business data of the first application page.

[0037] In the embodiment of the present application, after receiving a jump instruction of the business application triggered by the user through the mobile app base, the second instance of the web-view component can be run based on the navigateTo function to load the H5 application B through the second instance of the web-view component, and transmit the first parameter data of the H5 application A to the H5 application B. The first parameter data includes the business data of the first application page of the H5 application A, and the business data may include but is not limited to the name of the H5 application A and the data that needs to be executed by the H5 application B.

[0038] In the embodiment of the present application, the first parameter data of the first business application also includes the page resource address of the second business application and a return data callback function.

[0039] In this embodiment, it should be noted that the page resource address of the second business application may refer to the page URL of H5 application B, where URL is a uniform resource locator, a concise representation of the location and access method of resources available on the Internet, and is the address of a standard resource on the Internet. In the process of calling the navigateTo function to run the web-view component to load H5 application B, the first parameter data transmitted to H5 application B should also include the page URL of H5 application B and a data callback function.

[0040] In an embodiment of the present application, the front-end application development framework also includes an application development tool module, and the jump method also includes: when loading a second business application based on a second instance of a network view component, calling a first preset key through a page jump function to store the first parameter data in the application development tool module based on the first preset key, so as to allow the first parameter data to be shared and called by multiple business applications.

[0041] In this embodiment, it should be noted that the application development tool module may refer to a built-in SDK, and the first preset key may refer to KEY1. Specifically, when the H5 application B is loaded based on the second instance of the web-view component, the execution logic in the navigateTo function includes:

[0042] ① Use the globally unique KEY1 to share and store the first parameter data passed to H5 application B in the built-in SDK, so that the first parameter data can be shared and called by multiple business applications;

[0043] ②Record return data callback function;

[0044] ③ Send a message to trigger the second instance of the web-view component to open and load into H5 application B.

[0045] Step 104 , when the second application page of the second business application is loaded, access the preset insertable page data, and mount the bridge mode object to the page container of the second business application.

[0046] In the embodiment of the present application, it should be noted that after detecting that the second application page of H5 application B has been loaded, JavaScript code can be injected to establish communication between H5 application B and the mobile app base. At the same time, a Bridge object is mounted on the page container window object of H5 application B. The mounted Bridge object can provide the page jump function navigateTo and the page return function navigateBack parameter call function getLastPageParams for the second application page of H5 application B.

[0047] Step 105, when a page return instruction is received, close the second business application based on the page return function and run the first instance of the network view component to activate the first business application and restore the first page based on the first instance of the network view component, and transmit the processing results of the second business application on the business data to the first business application.

[0048] In an embodiment of the present application, after receiving a return instruction from the user to trigger the business application through the mobile app base, the second instance of the web-view component can be closed or destroyed based on the navigateBack function to close the H5 application B, and the first instance of the web-view component can be run to reactivate the H5 application A through the first instance of the web-view component and restore the first application page of the H5 application A. At the same time, the processing results of the business data sent by H5 application B to H5 application A are transmitted to H5 application A.

[0049] In an embodiment of the present application, the bridge mode object also includes a parameter calling function, and the jump method also includes: when the second application page of the second business application is loaded, calling the first preset key based on the parameter calling function to read the business data of the first application page based on the first preset key.

[0050] In this embodiment, it should be noted that the mounted Bridge object can also provide parameters to call the function getLastPageParams for the second application page of H5 application B. After the second instance based on the web-view component completes the loading of H5 application B, H5 application B can call the function getLastPageParams based on the parameters to read the business data transmitted by the H5 application. After reading the business data, H5 application B executes the business data and obtains the corresponding processing results.

[0051] In this embodiment, when the getLastPageParams function is called to read the page data of the first application page transmitted by the H5 application A, the execution logic in the getLastPageParams function includes:

[0052] ① Use the globally unique KEY1 to read the page data of the first application page.

[0053] In an embodiment of the present application, the jump method also includes: when a page return instruction is received, receiving the processing result for the business data transmitted by the second business application, and transmitting the processing result to the page return function, so that after the network view component activates the first business application, the processing result of the second business application for the business data is transmitted to the first business application through the page return function.

[0054] In this embodiment, it should be noted that after receiving the return instruction of the business application triggered by the user through the mobile app base, H5 application B will transmit the processing results of the business data to the navigateBack function, and the navigateBack function closes and destroys the second instance of the web-view component to close H5 application B, and at the same time runs the first instance of the web-view component to reactivate H5 application A through the first instance of the web-view component, and transmits the processing results of H5 application B for the business data to H5 application A.

[0055] In an embodiment of the present application, the front-end application development framework also includes an application development tool module, and the jump method also includes: when the first business application is activated based on the first instance of the network view component, a second preset key is called through a page return function to store the processing result of the second business application on the business data to the application development tool module based on the second preset key, so as to allow the processing result to be shared and called by multiple business applications.

[0056] In this embodiment, it should be noted that the second preset key may refer to KEY2. When a return instruction is received from the user to trigger the business application through the mobile app base, the second instance of the web-view component is closed or destroyed based on the navigateBack function to close the H5 application B, and the first instance of the web-view component is run to reactivate the H5 application A and restore the first application page of the H5 application A, the execution logic in the navigateBack function includes:

[0057] ① Use the globally unique KEY2 to share and store the processing results of the business data returned by H5 application B in the built-in SDK, so that the processing results of the business data can be shared and called by multiple business applications;

[0058] ② Send a message to trigger closing or destroying the second instance of the web-view component to exit the second application page of H5 application B.

[0059] In an embodiment of the present application, the jump method also includes: when loading the first business application based on the first instance of the network view component, executing the preset insertable page data to call the second preset key to read the shared data in the application development tool module based on the second preset key; calling the return data callback function to read the business data of the first application page based on the return data callback function.

[0060] In this embodiment, it should be noted that when H5 application A is reactivated based on the first instance of the web-view component, the JavaScript code injected into H5 application A will be executed to call KEY2 to read the shared data stored in the application's built-in SDK based on KEY2.

[0061] The above technical solution not only simplifies the jump process of each application page, but also can automatically maintain the data and status of the page and share data between the pages.

[0062] In one embodiment, Figure 2 As shown in FIG. 1 , another schematic diagram of the process of page jump is provided. Figure 2 As shown, the process includes:

[0063] 1: The user triggers the open command in the App dock to load H5 application A based on the web-view component;

[0064] 2: The control device injects the page JavaScript code when the H5 application A is loaded. The code includes the communication control logic between the page and the App base, and mounts the Bridge object on the page container window object. The Bridge object provides three jump interaction functions for the page, namely: navigateTo, navigateBack and getLastPageParams;

[0065] 3: H5 application A calls Bridge.navigateTo to open the H5 application B page. Three parameters are passed during the call: the URL of the H5 application B page, the business data passed to H5 application B, and the return data callback function. In the Bridge.navigateTo function, the following logic is executed in sequence:

[0066] ① Use the globally unique KEY1 to share the data passed to H5 application B;

[0067] ②Record "return data callback function";

[0068] ③ Send a message to trigger the control device to open a new web-view to load the H5 application B page.

[0069] 4: The control device injects the page JavaScript code when the H5 application B page is loaded, as described in step 2);

[0070] 5: H5 application B calls Bridge.getLastPageParams to obtain the data passed from H5 application A page. In the getLastPageParams function, the following logic is executed:

[0071] ①Use the globally unique KEY1 to read the shared data and return;

[0072] 6: H5 application B calls Bridge.navigateBack to return to H5 application A, passing one parameter to navigateBack, that is, returning the data of H5 application A. In the navigateBack function, the following logic is executed in sequence:

[0073] ① Use the globally unique KEY2 to store the processing results of business data returned by H5 application B in a shared manner;

[0074] ②Send a message to trigger the control device to exit the H5 application B page.

[0075] 7: When the control device reactivates the H5 application A page, it sends a message to trigger the H5 application A page to execute the code logic injected by the control device in step 2:

[0076] ①Use the globally unique KEY2 to read shared data;

[0077] ②Call the "return data callback function" recorded in step 3 to return the processing result read in 1) to H5 application A.

[0078] This technical solution unifies the cross-application page mode of H5 applications, simplifies the jump process of each application page, and reduces the collaboration cost of developing business H5 applications across teams. It automatically maintains the data and status of the page and reduces the implementation cost of the jump technology between each application.

[0079] The embodiment of the present application provides a device for jumping to an application page, including:

[0080] a memory configured to store instructions;

[0081] The processor is configured to call the instruction from the memory and implement the above-mentioned application page jump method when executing the instruction.

[0082] An embodiment of the present application provides a machine-readable storage medium on which a program is stored. When the program is executed by a processor, the above-mentioned application page jump method is implemented.

[0083] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 3As shown. The computer device includes a processor A01, a network interface A02, a memory (not shown in the figure) and a database (not shown in the figure) connected through a system bus. Among them, the processor A01 of the computer device is used to provide computing and control capabilities. The memory of the computer device includes an internal memory A03 and a non-volatile storage medium A04. The non-volatile storage medium A04 stores an operating system B01, a computer program B02 and a database (not shown in the figure). The internal memory A03 provides an environment for the operation of the operating system B01 and the computer program B02 in the non-volatile storage medium A04. The database of the computer device is used to store the jump method data of the application page. The network interface A02 of the computer device is used to communicate with an external terminal through a network connection. When the computer program B02 is executed by the processor A01, a method for jumping to an application page is implemented.

[0084] Those skilled in the art will understand that Figure 3 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.

[0085] An embodiment of the present application provides a device, the device includes a processor, a memory, and a program stored in the memory and executable on the processor, and the processor implements the following steps when executing the program: when a page opening instruction is received based on a mobile application base, a first business application is loaded based on a first instance of a network view component; when a first application page of the first business application is loaded, preset insertable page data is accessed, and a bridge mode object is mounted on a page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function; when a page jump instruction is received, the network view component is run based on the page jump function to load a second business application based on a second instance of the network view component, and first parameter data of the first business application is transmitted to the second business application, wherein the first parameter data includes business data of the first application page; when a second application page of the second business application is loaded, preset insertable page data is accessed, and the bridge mode object is mounted on a page container of the second business application; when a page return instruction is received, the second business application is closed based on the page return function and the first instance of the network view component is run, so as to activate the first business application and restore the first page based on the first instance of the network view component, and the processing result of the second business application on the business data is transmitted to the first business application.

[0086] In one embodiment, the first parameter data of the first business application also includes a page resource address of the second business application and a return data callback function.

[0087] In one embodiment, the front-end application development framework also includes an application development tool module, and the jump method also includes: when loading a second business application based on a second instance of a network view component, calling a first preset key through a page jump function to store the first parameter data in the application development tool module based on the first preset key, so as to allow the first parameter data to be shared and called by multiple business applications.

[0088] In one embodiment, the bridge mode object also includes a parameter calling function, and the jump method also includes: when the second application page of the second business application is loaded, calling the first preset key based on the parameter calling function to read the business data of the first application page based on the first preset key.

[0089] In one embodiment, the jump method also includes: when a page return instruction is received, receiving the processing result for the business data transmitted by the second business application, and transmitting the processing result to the page return function, so that after the network view component activates the first business application, the processing result for the business data of the second business application is transmitted to the first business application through the page return function.

[0090] In one embodiment, the front-end application development framework also includes an application development tool module, and the jump method also includes: when the first business application is activated based on the first instance of the network view component, a second preset key is called through a page return function to store the processing result of the second business application on the business data to the application development tool module based on the second preset key, so as to allow the processing result to be shared and called by multiple business applications.

[0091] In one embodiment, when the first business application is loaded based on the first instance of the web view component, the preset insertable page data is executed to call the second preset key to read the shared data in the application development tool module based on the second preset key.

[0092] The present application also provides a computer program product, which, when executed on a data processing device, is suitable for executing a program that is initialized with the following method steps: in the case of receiving a page opening instruction based on a mobile application base, loading a first business application based on a first instance of a network view component; in the case of a first application page of the first business application being loaded, accessing a preset insertable page data, and mounting a bridge mode object on a page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function; in the case of receiving a page jump instruction, running the network view component based on the page jump function to load a second business application based on a second instance of the network view component, and transmitting first parameter data of the first business application to the second business application, wherein the first parameter data includes business data of the first application page; in the case of a second application page of the second business application being loaded, accessing a preset insertable page data, and mounting the bridge mode object on a page container of the second business application; in the case of receiving a page return instruction, closing the second business application based on the page return function and running the first instance of the network view component to activate the first business application and restore the first page based on the first instance of the network view component, and transmitting the processing result of the second business application on the business data to the first business application.

[0093] In one embodiment, the first parameter data of the first business application also includes a page resource address of the second business application and a return data callback function.

[0094] In one embodiment, the front-end application development framework also includes an application development tool module, and the jump method also includes: when loading a second business application based on a second instance of a network view component, calling a first preset key through a page jump function to store the first parameter data in the application development tool module based on the first preset key, so as to allow the first parameter data to be shared and called by multiple business applications.

[0095] In one embodiment, the bridge mode object also includes a parameter calling function, and the jump method also includes: when the second application page of the second business application is loaded, calling the first preset key based on the parameter calling function to read the business data of the first application page based on the first preset key.

[0096] In one embodiment, the jump method also includes: when a page return instruction is received, receiving the processing result for the business data transmitted by the second business application, and transmitting the processing result to the page return function, so that after the network view component activates the first business application, the processing result for the business data of the second business application is transmitted to the first business application through the page return function.

[0097] In one embodiment, the front-end application development framework also includes an application development tool module, and the jump method also includes: when the first business application is activated based on the first instance of the network view component, a second preset key is called through a page return function to store the processing result of the second business application on the business data to the application development tool module based on the second preset key, so as to allow the processing result to be shared and called by multiple business applications.

[0098] In one embodiment, when the first business application is loaded based on the first instance of the web view component, the preset insertable page data is executed to call the second preset key to read the shared data in the application development tool module based on the second preset key.

[0099] Those skilled in the art will appreciate that the embodiments of the present application may be provided as methods, systems or computer program products. Therefore, the present application may take the form of a complete hardware embodiment, a complete software embodiment or an embodiment combining software and hardware. Moreover, the present application may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program codes.

[0100] The present application is described with reference to the flowcharts and / or block diagrams of the methods, devices (systems) and computer program products according to the embodiments of the present application. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the processes and / or boxes in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable data processing device to generate a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowchart and / or block diagram. Figure 1 A process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.

[0101] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 A process or multiple processes and / or boxes Figure 1 A function specified in one or more boxes.

[0102] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operating steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing instructions for implementing the process in the computer or other programmable device. Figure 1 A process or multiple processes and / or boxes Figure 1 The steps for the functions specified in one or more boxes.

[0103] In a typical configuration, a computing device includes one or more processors (CPU), input / output interfaces, network interfaces, and memory.

[0104] The memory may include non-permanent memory in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash memory (flashRAM). The memory is an example of a computer-readable medium.

[0105] Computer readable media include permanent and non-permanent, removable and non-removable media that can be implemented by any method or technology to store information. Information can be computer readable instructions, data structures, program modules or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include temporary computer readable media (transitory media), such as modulated data signals and carrier waves.

[0106] It should also be noted that the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, commodity or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, commodity or device. In the absence of more restrictions, the elements defined by the sentence "comprises a ..." do not exclude the existence of other identical elements in the process, method, commodity or device including the elements.

[0107] The above are only embodiments of the present application and are not intended to limit the present application. For those skilled in the art, the present application may have various changes and variations. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application should be included in the scope of the claims of the present application.

Claims

1. A method for jumping to an application page, characterized in that: The application is developed based on a front-end application development framework, which includes a mobile application base, a network view component, and an application development tool module. The jump method includes: In the case where a page opening instruction is received based on the mobile application base, loading a first business application based on the first instance of the network view component; When the first application page of the first business application is loaded, access the preset insertable page data, and mount the bridge mode object to the page container of the first business application, wherein the bridge mode object includes a page jump function and a page return function; In case of receiving a page jump instruction, running the network view component based on the page jump function to load a second business application based on a second instance of the network view component, and transmitting first parameter data of the first business application to the second business application, wherein the first parameter data includes business data of the first application page; When the second application page of the second business application is loaded, accessing the preset insertable page data, and mounting the bridge mode object on the page container of the second business application; When receiving a page return instruction, closing the second business application based on the page return function and running the first instance of the network view component, so as to activate the first business application based on the first instance of the network view component and restore the first application page, and transmitting the processing result of the second business application on the business data to the first business application; When the second business application is loaded based on the second instance of the network view component, the first preset key is called through the page jump function to store the first parameter data in the application development tool module based on the first preset key, so as to allow the first parameter data to be shared and called by multiple business applications.

2. The method for jumping to an application page according to claim 1, characterized in that: The first parameter data of the first business application also includes the page resource address of the second business application and a return data callback function.

3. The method for jumping to an application page according to claim 1, characterized in that: The bridge mode object also includes a parameter calling function, and the jump method also includes: When the second application page of the second business application is loaded, the first preset key is called based on the parameter calling function to read the business data of the first application page based on the first preset key.

4. The method for jumping to an application page according to claim 1, characterized in that: The jump method also includes: When a page return instruction is received, the processing result of the business data transmitted by the second business application is received, and the processing result is transmitted to the page return function, so that after the first business application is activated, the network view component transmits the processing result of the business data by the second business application to the first business application through the page return function.

5. The method for jumping to an application page according to claim 4, characterized in that: The front-end application development framework also includes an application development tool module, and the jump method also includes: When the first business application is activated based on the first instance of the network view component, the second preset key is called through the page return function to store the processing result of the second business application on the business data to the application development tool module based on the second preset key, so as to allow the processing result to be shared and called by multiple business applications.

6. The method for jumping to an application page according to claim 1, characterized in that: The jump method also includes: In the case of loading the first business application based on the first instance of the web view component, executing the preset insertable page data to call the second preset key to read the shared data in the application development tool module based on the second preset key.

7. A device for jumping to an application page, characterized in that: include: a memory configured to store instructions; A processor is configured to call the instruction from the memory and implement the application page jump method according to any one of claims 1 to 6 when executing the instruction.

8. A machine-readable storage medium having instructions stored thereon, characterized in that: When the instruction is executed by a processor, the processor is configured to execute the application page jump method according to any one of claims 1 to 6.

9. A computer program product, characterized in that The invention comprises a computer program, which, when executed by a processor, implements the method for jumping to an application page as claimed in any one of claims 1 to 6.

Citation Information

Patent Citations

  • Method for calling local function by webpage, electronic equipment and storage medium

    CN112100561A

  • Method and device for jumping to multiple types of pages and electronic equipment

    CN113704647A