CN117909605A - SPA mode-based fast application interaction method, architecture and electronic equipment - Google Patents
SPA mode-based fast application interaction method, architecture and electronic equipment Download PDFInfo
- Publication number
- CN117909605A CN117909605A CN202410082923.XA CN202410082923A CN117909605A CN 117909605 A CN117909605 A CN 117909605A CN 202410082923 A CN202410082923 A CN 202410082923A CN 117909605 A CN117909605 A CN 117909605A
- Authority
- CN
- China
- Prior art keywords
- page
- spa
- frame
- pages
- mpa
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 230000003993 interaction Effects 0.000 title claims abstract description 46
- 238000004891 communication Methods 0.000 claims abstract description 33
- 230000006870 function Effects 0.000 claims description 36
- 230000006399 behavior Effects 0.000 claims description 21
- 238000004590 computer program Methods 0.000 claims description 6
- 238000005096 rolling process Methods 0.000 claims description 4
- 230000005540 biological transmission Effects 0.000 claims description 3
- 230000000712 assembly Effects 0.000 claims description 2
- 238000000429 assembly Methods 0.000 claims description 2
- 238000010276 construction Methods 0.000 claims description 2
- 238000012545 processing Methods 0.000 abstract description 6
- 238000010586 diagram Methods 0.000 description 9
- 230000000694 effects Effects 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 230000009471 action Effects 0.000 description 6
- 238000005457 optimization Methods 0.000 description 6
- 230000001960 triggered effect Effects 0.000 description 5
- 101100257420 Arabidopsis thaliana SPA3 gene Proteins 0.000 description 4
- 238000011161 development Methods 0.000 description 4
- 101150012812 SPA2 gene Proteins 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 230000006872 improvement Effects 0.000 description 3
- 230000009191 jumping Effects 0.000 description 3
- 238000009877 rendering Methods 0.000 description 3
- 101150073162 spa1 gene Proteins 0.000 description 3
- 101100533558 Mus musculus Sipa1 gene Proteins 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 239000007787 solid Substances 0.000 description 2
- 102100028538 Guanylate-binding protein 4 Human genes 0.000 description 1
- 101001058851 Homo sapiens Guanylate-binding protein 4 Proteins 0.000 description 1
- 101000836906 Homo sapiens Signal-induced proliferation-associated protein 1 Proteins 0.000 description 1
- 235000008694 Humulus lupulus Nutrition 0.000 description 1
- 206010063385 Intellectualisation Diseases 0.000 description 1
- 102100027163 Signal-induced proliferation-associated protein 1 Human genes 0.000 description 1
- 230000004931 aggregating effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 238000011900 installation process Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- Stored Programmes (AREA)
Abstract
The invention discloses a SPA mode-based quick application interaction method, a framework and electronic equipment, wherein the method comprises the following steps: running a plurality of pages, wherein the pages comprise SPA frame pages and MPA frame pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page; control page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump; control page rollback: comprising the following steps: controlling the MPA framework page to fall back to the SPA framework page; and controlling the SPA framework page to roll back any one running SPA framework page. The method has the advantages that the prior routing algorithm is improved and optimized, the SPA frame page is compatible with the traditional MPA frame page, and the life cycle of the page can be managed and scheduled more intelligently, so that the logic processing flexibility and expansibility of an application end are improved.
Description
Technical Field
The invention relates to the field of mobile intelligent equipment, in particular to a SPA mode-based quick application interaction method, a SPA mode-based quick application interaction architecture and electronic equipment.
Background
In the current mobile internet age, intelligence, efficiency and speed are direct measures of how well and how well applications are. At present, the interaction of the fast application pages is a multi-page operation mode provided by the fast application bottom layer, namely a Web-end-like multi-page mode, each visual content window in the application is a page, and inefficiency or deficiency can exist in most scenes, such as single-click page switching, repeated loading of resources and the like.
The fast application native technology is only a carrier of the basic technology, bears the most basic fast application operation support, and the interaction mode among a plurality of pages of the fast application can only depend on the technical support of the bottom native, so that the support of the technical level cannot be provided for the intelligent operation of the upper application layer, the expansibility is limited, and the intellectualization and the diversity are not enough; because of the routing mechanism of the native quick application, multi-level cross-page communication cannot be performed, and each page needs to be preloaded with some resources, so that a certain challenge is brought to user experience; for the operation behaviors of the user, the native express application cannot provide intelligent analysis and support, and cannot intelligently and accurately analyze and predict the behavior behaviors of the user, so that better service experience cannot be provided for the user more intelligently. With the increase of the volume of the quick application and the increase of the number of pages, the defect is remarkable, so that the logic processing of the quick application terminal is inflexible, the expansibility is poor, the limitation of developers is strong, and the free expansion based on the native is not possible.
Accordingly, there is a need to provide a new and improved architecture for fast application pages and page interaction method to solve these problems.
Disclosure of Invention
In order to achieve the above purpose, the present invention adopts the following technical scheme:
A SPA mode-based fast application interaction method comprises the following steps:
Running a plurality of pages, wherein the pages comprise SPA frame pages and MPA frame pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page;
Control page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump;
Control page rollback: controlling the MPA framework page to fall back to the SPA framework page; controlling the SPA frame page to rollback any running SPA frame page;
the step of controlling the SPA frame page to rollback any one running SPA frame page comprises the steps of collecting running information of each SPA frame page, wherein the running information is used for indicating user behaviors; the AI system analyzes the user behavior according to the operation information and confirms the target SPA frame page; extracting page parameters of a target SPA frame page, wherein the target SPA frame page is used for indicating any running SPA frame page, and the page parameters comprise an identity identification code of the target SPA frame page; and backing back the target SPA frame page according to the page parameters.
In a further embodiment, the controlling the page jump includes: the method comprises the steps of obtaining data information of a front-end route and data information of a primary route through a flow system, controlling skip among SPA frame pages through the flow system, and controlling the SPA frame pages to skip to MPA frame pages.
In a further embodiment, the controlling the jump between SPA framework pages includes: the SPA frame page jumps, and the communication engine writes the running information of the SPA frame page into a page stack area; the AI system analyzes the user behavior according to the operation information to confirm the target SPA frame page; and extracting the page parameters of the target SPA frame page from the page stack area according to the target SPA frame page, and writing the page parameters of the target SPA frame page into the history execution stack area.
In a further embodiment, the controlling the SPA framework page to rollback any one of the running SPA framework pages further includes: and triggering a rollback event by the SPA frame page, acquiring page parameters of a target SPA frame page in a historical execution stack area, and rolling back the target SPA frame page according to the page parameters.
In further embodiments, the SPA framework page triggering a rollback event includes clicking a back button or performing a sliding back.
Further embodiments, further comprise: acquiring target information of each SPA frame page, and controlling the transmission of the target information among the SPA frame pages, wherein the target information is used for indicating shared information of the SPA frame pages; the target information is displayed on the SPA frame page after the jump or the back.
A SPA mode-based fast application interaction architecture comprises a component page module, an MPA framework page module, a native routing module, a service tool module and an AI system;
The MPA framework page module comprises a plurality of MPA framework pages;
the native routing module is used for being in communication connection with the MPA framework page module;
The service module is used for providing configuration information for the page module of the construction assembly;
The AI system is used for collecting the operation information of each SPA frame page, analyzing the user behavior according to the operation information and confirming the target SPA frame page;
the assembly page module comprises a plurality of SPA frame pages, and functional assemblies and functions supporting the operation of the SPA frame pages;
The method comprises the steps of running a plurality of pages, wherein the pages comprise SPA framework pages and MPA framework pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page;
For controlling page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump;
For controlling page rollback: comprising the following steps: controlling the MPA framework page to fall back to the SPA framework page; controlling the SPA frame page to rollback any running SPA frame page; extracting page parameters of a target SPA frame page, wherein the target SPA frame page is used for indicating any running SPA frame page, and the page parameters comprise an identity identification code of the target SPA frame page; and backing back the target SPA frame page according to the page parameters.
An electronic device, comprising: a memory and a processor, the memory coupled with the processor; the memory stores program instructions that, when executed by the processor, cause the electronic device to perform the SPA mode-based fast application interaction method described above.
A computer readable storage medium comprising a computer program which, when run on an electronic device, causes the electronic device to perform the SPA-mode-based fast application interaction method described above.
The invention has the beneficial effects that:
A SPA-mode-based quick application interaction method and a framework thereof adopt SPA frame pages, have a preloading effect, can load and render pages more efficiently, and improve page loading speed and user experience; secondly, by controlling the SPA frame pages to jump to the MPA frame pages, controlling the jump between the SPA frame pages, controlling the MPA frame pages to return to the SPA frame pages and controlling the SPA frame pages to return to any one running SPA frame page, the improvement and optimization of the existing routing algorithm are realized, the compatibility of the SPA frame pages and the traditional MPA frame pages is realized, the life cycle of the pages can be managed and scheduled more intelligently, and the logic processing flexibility and expansibility of an application end are improved; finally, an AI system is introduced, so that the behavior and the demand of the user can be intelligently predicted, the loading and the optimization of the mixed mode can be automatically performed, and more intelligent application experience can be realized.
Drawings
FIG. 1 is a flow chart of a SPA mode-based fast application interaction method of the present invention;
FIG. 2 is a schematic diagram of a SPA mode-based fast application interaction architecture of the present invention;
FIG. 3 is a schematic diagram of a data flow of a SPA mode-based fast application interaction method according to the present invention;
FIG. 4 is a logic flow diagram of a SPA mode-based fast application interaction method of the present invention;
FIG. 5 is a schematic diagram of a page lifecycle of a SPA mode-based fast application interaction method of the present invention;
fig. 6 is a schematic diagram of a page back-off flow of a fast application interaction method based on SPA mode according to the present invention.
Detailed Description
The technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it should be understood that the described embodiments are only some embodiments of the present application, but not all embodiments, and the present application is not limited by the exemplary embodiments described herein. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
The embodiments of the present application relate to technical terms, and are briefly described below for easy understanding.
A fast application, also called applet, is a lightweight application that can run on a cell phone or other device without being downloaded or installed. They are based on existing operating systems and ecosystems, typically created by developers using web page technology (e.g., HTML, CSS, and JavaScript). The user can directly access and perform tasks within the application without going through the download and installation process of the application store.
SPA (SINGLE PAGE Application) single page Application is a web page Application program model, which dynamically updates part of the content of a page after an initial page is loaded, so that interaction and data display with a user are realized without reloading the whole page. The route hopping of the SPA is implemented by a front-end route (e.g., vue-router, act-router). Rather than the document jump of the native browser (NAVIGATING ACROSS DOCUMENTS). Then the necessary component level updates in the page can be implemented on demand instead of the indifferent page level updates.
In previous web programs, the routing eyes only appear in the background. However, with the development of the SPA single page program, a front-end routing statement appears. The name of a single page is that a website only has one html page, but clicking different navigation displays different contents, and corresponding url is changed, which is what the front-end route does. That is, the change of url is detected in real time through JS, thereby changing the displayed content.
MPA (multiple page application) Multi-Page application model, multi-Page application is the traditional web development in the past. Route hopping of the MPA is implemented by the native route.
With single page applications, the traditional web development before is called multi-page applications. The most important difference between MPA and SPA is that the page route switching is controlled by the native browser document jump (NAVIGATING ACROSS DOCUMENTS).
Example 1
Referring to fig. 2, a SPA-mode-based fast application interaction framework includes a component page module, an MPA framework page module, a native routing module, a service tool module, and an AI system.
In this embodiment, the fast application interaction framework is built based on a fast application framework (quickapp framework), run driven by multiple comp commands. The system mainly comprises a component page module, wherein the component page module comprises a plurality of SPA frame pages, and functional components and functions for supporting the operation of the SPA frame pages. These are all provided by the fast application framework, helping SPA framework pages to implement lifecycles. The route hopping of the SPA frame page is implemented by front-end routing, for example, application route hopping is implemented by using an app.ux module.
Specifically, the functional modules include: a renderer for taking the content (HTML, XML, image, etc.) of the web page, arranging information (e.g., adding CSS, etc.), and calculating the display mode of the web page; the loader is used for loading the program, is a part of an operating system and is responsible for loading the program; the communication algorithm is used to process communication data between applications.
Specifically, the functions are: onInit functions, onShow functions, onHide functions, onDestroy functions, and the like. After the fast application registration is completed, the page is loaded, the onInit functions are triggered, and one page is called only once. After the page is loaded, a onShow function is triggered, the page is displayed, and the page is called once every time the page is opened. The onHide function is triggered when the fast application background runs or jumps to other pages. The onShow function is triggered when the fast application enters the foreground run or reenters the page from the background. When the fast application closes or rolls back, the function is triggered or onDestroy.
In the SPA frame page, the life cycle logic of the SPA frame page A and the SPA frame page B is as follows:
Entering into a page A: a performs onInit functions-onShow functions;
The A page jumps to the B page: a performs onHide functions and B performs onInit functions→ onShow functions.
B page rollback A page: b performs onDestroy functions, A performs onShow functions.
Closing the page A: a performs onDestroy functions.
In this embodiment, the MPA framework page module includes a plurality of MPA framework pages. The native routing module represents a native MPA schema and is configured to communicatively couple with the MPA framework page module. Route hopping of MPA framework pages is implemented by native routing. The component page module is compatible with the MPA framework page module, and communication connection is established between the SPA framework page and the MPA framework page, so that the component page module is directly and also in communication connection with the original routing module.
Specifically, also in MPA framework pages are onInit functions, onShow functions, onHide functions, onDestroy functions that support running.
In this embodiment, the service module is configured to provide configuration information for the building element page module. In particular, the service modules include plugins plug-ins, ad servers, apis application programming interfaces, sdk software development kits, and the like.
In this embodiment, the AI system is configured to collect running information of each application in the component page module, and specifically is configured to collect an action that a user triggers a jump to back. And analyzing the user behavior according to the running information, and confirming the target application.
The SPA mode-based fast application interaction architecture can more efficiently solve specific problems through improvement and optimization of the existing mode and strong intervention of an AI system, has practicability in practical application, and can bring obvious technical or economic benefits. A specific operation mode of a SPA mode-based fast application interaction architecture refers to a description of a SPA mode-based fast application interaction method.
Example 2
Referring to fig. 1, a fast application interaction method based on SPA mode includes:
running a plurality of pages, wherein the pages comprise SPA frame pages and MPA frame pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page;
Control page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump;
Control page rollback: controlling the MPA framework page to fall back to the SPA framework page; controlling the SPA frame page to rollback any running SPA frame page;
Controlling the SPA frame page to rollback any one running SPA frame page comprises collecting running information of each SPA frame page, wherein the running information is used for indicating user behaviors; the AI system analyzes the user behavior according to the operation information and confirms the target SPA frame page; extracting page parameters of a target SPA frame page, wherein the target SPA frame page is used for indicating any running SPA frame page, and the page parameters comprise an identity identification code of the target SPA frame page; and backing the target SPA frame page according to the page parameters.
In this embodiment, as shown in fig. 3, a data flow diagram shows the data flow of an SPA frame page jumping to an MPA frame page, a jump between SPA frame pages, an MPA frame page rolling back to an SPA frame page, and an SPA frame page rolling back any one of the running SPA frame pages.
Specifically, the assembly page module is provided with a master controller for controlling page skip and backward and for controlling information transfer between pages. SPAx (x=1, 2, 3.) represent different SPA frame pages. MPAx (x=1, 2, 3.) represent different MPA frame pages.
Specifically, when a user browses an application, the user opens a page and sequentially executes SPA 1- & gt SPA 2- & gt SPA3 jumps. When the user browses the application and needs to back, the prior art orderly executes the rollback from SPA3 to SPA2 to SPA 1. In this embodiment, the main controller may directly execute the spa3→spa1 rollback action. In addition, the SPA frame page is compatible with the MPA frame page, so any SPA frame page (SPA 1, SPA2, SPA 3) can jump to any MPA frame page (MPA 1, MPA2, MPA 3), and when the back is carried out, the SPA frame page returns in a primary way, namely returns to the SPA frame page triggering the jump.
A SPA mode-based fast application interaction method and a framework thereof are provided, and on the basis of providing a new routing mechanism, a primary routing mode is simultaneously downward compatible, and data flow can clearly and accurately provide data support in a mixed mode. The main controller is not only responsible for the logic support of the SPA frame page, but also for the interactive processing of the primary route, and can be smoothly switched between the SPA and the primary route according to the algorithm support.
In this embodiment, as shown in fig. 4, the logic flow diagram of the spa frame page, the control page jump includes: the method comprises the steps of obtaining data information of a front-end route and data information of a primary route through a flow system, controlling skip among SPA frame pages through the flow system, and controlling the SPA frame pages to skip to MPA frame pages.
Specifically, the flow system is an app.ux module, and SPA frame page route skip is realized. The main controller establishes communication with the flow system app.ux via a channel. If the broken line is shown, the first SPA frame page is opened, SPA1 is jumped through app. Ux route, the second SPA frame page is opened, SPA2 is jumped through app. Ux route, the third SPA frame page is opened, and SPA3 is jumped through app. Ux route. Wherein the component page module is compatible with the MPA framework page, and therefore, the MPA framework page is also jumped through app.ux routing.
Specifically, the SPA frame pages are free to jump or rollback, and the SPA frame pages trigger to jump to the MPA frame pages, and when the SPA frame pages rollback, the MPA frame pages need to return in the original way, namely return to the SPA frame pages triggering to jump. Corresponding to fig. 4, as shown by a solid line, when a user browses pages, the main controller sequentially executes the steps of spa1→spa2→spa3, and when the user needs to go backward, the main controller can confirm a target SPA frame page according to AI system analysis, and execute the steps of spa3→spa2 or spa3→spa1. When the user browses the page, SPA3 jumps to an MPA, and when the user needs to go backward, only MPA- & gtSPA 3 can be executed.
Specifically, the AI system is injected into the app.ux module, and the AI system comprises various algorithm engines for providing functions required for building and laying applications and assisting the running of programs. The assembly page module is responsible for aggregating different SPA frame pages into a whole, so that cross-page communication and routing scheduling are convenient to carry out. The rendering algorithm engine can render the page more intelligently, and the page loading speed and the user experience are improved. The cross-page communication algorithm engine can realize multi-level cross-page communication, and greatly improves the logic processing flexibility and expansibility of an application end. The enabled page life cycle algorithm engine can dynamically manage and optimize the life cycle of the page according to the behavior and interaction condition of the user, so that the performance and efficiency of the page are improved.
Specifically, the main controller includes onInit functions, comppageBack functions and PATHCHANGE functions. The onInit function is used to determine the data for page rendering; comppageBack functions are used to perform rollback events; the PATHCHANGE function is used to replace page route hops. The app.ux module includes routePath functions for page route hopping. The SPA and MPA framework pages include onInit and backPress functions. The onInit function is used to receive communication data and the backPress function is used to perform a rollback action.
As shown in FIG. 5, a page lifecycle diagram illustrates the logic of jumping or rollback between SPA framework pages, and the role of the AI system. Page lifecycle refers to the process of a page within a program from entering to exiting or from page to page.
Specifically, controlling the jump between SPA framework pages includes: the SPA frame page jumps, and the communication engine writes the running information of the SPA frame page into a page stack area; the AI system analyzes the user behavior according to the operation information to confirm the target SPA frame page; and extracting the page parameters of the target SPA frame page from the page stack area according to the target SPA frame page, and writing the page parameters of the target SPA frame page into the history execution stack area.
Controlling the SPA framework page to rollback any one running SPA framework page comprises the following steps: the SPA frame page triggers a rollback event, acquires page parameters of a target SPA frame page in the historical execution stack area, and rolls back the target SPA frame page according to the page parameters.
A quick application interaction method based on SPA mode and a framework thereof are provided, under different scenes, an AI system can intelligently predict the behavior and the demand of a user, and the optimization of loading and mixing modes is automatically carried out, so that more intelligent application experience is realized.
As shown in fig. 6, the page rollback flow diagram, the SPA framework page triggers a rollback event including clicking a back button or performing a sliding back.
Specifically, a return button or execution slide return triggers rollback, and the AI system analyzes user behaviors according to the running information and confirms a target SPA frame page; extracting page parameters of a target SPA frame page; and backing the target SPA frame page according to the page parameters. The AI system intelligently analyzes the behaviors and preferences of the user, provides more intelligent prediction, automatically optimizes loading and mixing modes, and achieves more intelligent application experience.
In an implementation, a fast application has SPA frame pages, such as pages with rendered advertisements, and MPA frame pages, such as revenue list pages, feedback pages, etc., that do not require rendering advertisements. When a user uses the method, the SPA frame pages can be started quickly, the SPA frame pages can be flexibly jumped or rolled back, and the AI system can predict the page which the user wants to roll back.
A quick application interaction method based on an SPA mode adopts an SPA frame page, has a preloading effect, can load and render pages more efficiently, and improves page loading speed and user experience; secondly, by controlling the SPA frame pages to jump to the MPA frame pages, controlling the jump between the SPA frame pages, controlling the MPA frame pages to return to the SPA frame pages and controlling the SPA frame pages to return to any one running SPA frame page, the improvement and optimization of the existing routing algorithm are realized, the compatibility of the SPA frame pages and the traditional MPA frame pages is realized, the life cycle of the pages can be managed and scheduled more intelligently, and the logic processing flexibility and expansibility of an application end are improved; finally, an AI system is introduced, so that the behavior and the demand of the user can be intelligently predicted, the loading and the optimization of the mixed mode can be automatically performed, and more intelligent application experience can be realized. The method has wide applicability and application prospect in practical application, and can bring positive promotion effect to development and innovation in the field of mobile intelligent equipment.
In other embodiments, target information of each SPA frame page is obtained, transmission of the target information between each SPA frame page is controlled, and the target information is used for indicating shared information of the SPA frame pages; the target information is displayed on the SPA frame page after the jump or the back.
In the implementation process, different SPA frame pages in the prior art have independent life cycles, and once the pages jump, the cache advertisements can be invalid, and the advertisement utilization rate is poor. By adopting the SPA mode-based quick application interaction method and the framework thereof, the main controller controls the AI system to collect target information, such as advertisement information, and when the SPA frame page jumps or backs, the advertisement information is displayed on the SPA frame page after jumping or backing. The utilization rate of advertisements is improved.
Example 3
As shown in fig. 4, an electronic device includes:
A memory and a processor, the memory coupled to the processor; the memory stores program instructions that, when executed by the processor, cause the electronic device to perform any of the SPA-mode-based fast application interaction methods.
Because the quick application interaction method based on the SPA mode has the technical effects, the electronic equipment comprising the quick application interaction method based on the SPA mode also has the corresponding technical effects, and the details are not repeated here.
Example 4
A computer readable storage medium comprising a computer program which, when run on an electronic device, causes the electronic device to perform any of the SPA-mode-based fast application interaction methods described above.
Because the foregoing technical effects of a fast application interaction method based on the SPA mode are provided, a computer readable storage medium including a fast application interaction method based on the SPA mode should also have corresponding technical effects, and will not be described herein.
In the above embodiments, it may be implemented in whole or in part by software, hardware, firmware, or any combination thereof. When implemented in software, may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, the processes or functions in accordance with embodiments of the present invention are produced in whole or in part. The computer may be a general purpose computer, a special purpose computer, a computer network, or other programmable apparatus. The computer instructions may be stored in or transmitted from one computer-readable storage medium to another, for example, by wired (e.g., coaxial cable, fiber optic, digital Subscriber Line (DSL)), or wireless (e.g., infrared, wireless, microwave, etc.) means from one website, computer, server, or data center. Computer readable storage media can be any available media that can be accessed by a computer or data storage devices, such as servers, data centers, etc., that contain an integration of one or more available media. Usable media may be magnetic media (e.g., floppy disks, hard disks, magnetic tape), optical media (e.g., DVD), or semiconductor media (e.g., solid state disk Solid STATE DISK (SSD)), among others.
It is further noted that relational terms such as first and second, and the like are used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Moreover, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises an element.
The previous description of the disclosed embodiments is provided to enable any person skilled in the art to make or use the present application. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the generic principles defined herein may be applied to other embodiments without departing from the spirit or scope of the application. Thus, the present application is not intended to be limited to the embodiments shown herein but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims (9)
1. The SPA mode-based fast application interaction method is characterized by comprising the following steps of:
Running a plurality of pages, wherein the pages comprise SPA frame pages and MPA frame pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page;
Control page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump;
Control page rollback: controlling the MPA framework page to fall back to the SPA framework page; controlling the SPA frame page to rollback any running SPA frame page;
the step of controlling the SPA frame page to rollback any one running SPA frame page comprises the steps of collecting running information of each SPA frame page, wherein the running information is used for indicating user behaviors; the AI system analyzes the user behavior according to the operation information and confirms the target SPA frame page; extracting page parameters of a target SPA frame page, wherein the target SPA frame page is used for indicating any running SPA frame page, and the page parameters comprise an identity identification code of the target SPA frame page; and backing back the target SPA frame page according to the page parameters.
2. The SPA-mode-based fast application interaction method of claim 1, wherein the controlling page jumps comprises: the method comprises the steps of obtaining data information of a front-end route and data information of a primary route through a flow system, controlling skip among SPA frame pages through the flow system, and controlling the SPA frame pages to skip to MPA frame pages.
3. The SPA-mode-based fast application interaction method of claim 2, wherein controlling the jumps between SPA framework pages comprises: the SPA frame page jumps, and the communication engine writes the running information of the SPA frame page into a page stack area; the AI system analyzes the user behavior according to the operation information to confirm the target SPA frame page; and extracting the page parameters of the target SPA frame page from the page stack area according to the target SPA frame page, and writing the page parameters of the target SPA frame page into the history execution stack area.
4. The SPA-mode-based fast application interaction method of claim 3, wherein the controlling the SPA framework page to rollback any one of the running SPA framework pages further comprises: and triggering a rollback event by the SPA frame page, acquiring page parameters of a target SPA frame page in a historical execution stack area, and rolling back the target SPA frame page according to the page parameters.
5. The SPA-mode-based fast application interaction method of claim 4, wherein the SPA framework page triggering a rollback event includes clicking a back button or performing a sliding back.
6. The SPA-mode-based fast application interaction method according to any of claims 1-5, further comprising: acquiring target information of each SPA frame page, and controlling the transmission of the target information among the SPA frame pages, wherein the target information is used for indicating shared information of the SPA frame pages; the target information is displayed on the SPA frame page after the jump or the back.
7. The SPA mode-based fast application interaction architecture is characterized by comprising a component page module, an MPA framework page module, a native routing module, a service tool module and an AI system;
The MPA framework page module comprises a plurality of MPA framework pages;
the native routing module is used for being in communication connection with the MPA framework page module;
The service module is used for providing configuration information for the page module of the construction assembly;
The AI system is used for collecting the operation information of each SPA frame page, analyzing the user behavior according to the operation information and confirming the target SPA frame page;
the assembly page module comprises a plurality of SPA frame pages, and functional assemblies and functions supporting the operation of the SPA frame pages;
The method comprises the steps of running a plurality of pages, wherein the pages comprise SPA framework pages and MPA framework pages; the running of the plurality of pages comprises the steps of establishing communication connection between the SPA frame page and the front-end route, establishing communication connection between the MPA frame page and the original route, and establishing communication connection between the SPA frame page and the MPA frame page;
For controlling page jumps: controlling the SPA frame pages to jump to the MPA frame pages, and controlling the SPA frame pages to jump;
For controlling page rollback: comprising the following steps: controlling the MPA framework page to fall back to the SPA framework page; controlling the SPA frame page to rollback any running SPA frame page; extracting page parameters of a target SPA frame page, wherein the target SPA frame page is used for indicating any running SPA frame page, and the page parameters comprise an identity identification code of the target SPA frame page; and backing back the target SPA frame page according to the page parameters.
8. An electronic device, comprising: a memory and a processor, the memory coupled with the processor; the memory stores program instructions that, when executed by the processor, cause the electronic device to perform the SPA-mode-based fast application interaction method of any of claims 1-6.
9. A computer readable storage medium comprising a computer program which, when run on an electronic device, causes the electronic device to perform the SPA mode-based fast application interaction method of any of claims 1-6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410082923.XA CN117909605A (en) | 2024-01-19 | 2024-01-19 | SPA mode-based fast application interaction method, architecture and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202410082923.XA CN117909605A (en) | 2024-01-19 | 2024-01-19 | SPA mode-based fast application interaction method, architecture and electronic equipment |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN117909605A true CN117909605A (en) | 2024-04-19 |
Family
ID=90688846
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202410082923.XA Pending CN117909605A (en) | 2024-01-19 | 2024-01-19 | SPA mode-based fast application interaction method, architecture and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN117909605A (en) |
-
2024
- 2024-01-19 CN CN202410082923.XA patent/CN117909605A/en active Pending
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109032738B (en) | Multimedia playing control method, device, terminal and storage medium | |
| CN108108205B (en) | Application page surface treatment method and apparatus | |
| CN102902528B (en) | There is the method presenting fast of the tag content of scripted code | |
| JP5869124B2 (en) | Improved web browsing with cloud computing | |
| CN102955694B (en) | The client realization method of sing on web Kit browser and client | |
| CN105117491B (en) | Page push method and apparatus | |
| CN103098005A (en) | Visualizing expressions for dynamic analytics | |
| CN103714172A (en) | Page processing method, device and system | |
| US11494699B2 (en) | Automatic machine learning feature backward stripping | |
| CN111273986A (en) | Page jump method and device of application program, electronic equipment and storage medium | |
| CN111723309B (en) | Method and device for web page searching | |
| CN103677519A (en) | Method for collecting multimedia resource, terminal and server | |
| CN112287799A (en) | Video processing method and device based on artificial intelligence and electronic equipment | |
| CN117909605A (en) | SPA mode-based fast application interaction method, architecture and electronic equipment | |
| CN112650959A (en) | Page loading duration statistical method, device, equipment and storage medium | |
| CN103514203A (en) | Method and system for browsing webpage in reading mode | |
| CN111131359A (en) | Method and apparatus for generating information | |
| CN110858238A (en) | Data processing method and device | |
| CN114675921A (en) | Method and device for customizing interface, electronic equipment and storage medium | |
| CN113961298A (en) | Page switching method, device, equipment and medium | |
| CN114637499A (en) | Visualization component processing method, device, equipment and medium | |
| CN112114735B (en) | Method and device for managing tasks | |
| CN113805997A (en) | Information display method and device, electronic equipment and storage medium | |
| CN111104196A (en) | Wallpaper display method and terminal equipment | |
| CN113076262A (en) | Automatic webpage testing method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |