CN114816637A - Application display method, device and system embedded into applet - Google Patents
Application display method, device and system embedded into applet Download PDFInfo
- Publication number
- CN114816637A CN114816637A CN202210455643.XA CN202210455643A CN114816637A CN 114816637 A CN114816637 A CN 114816637A CN 202210455643 A CN202210455643 A CN 202210455643A CN 114816637 A CN114816637 A CN 114816637A
- Authority
- CN
- China
- Prior art keywords
- page
- application
- jump
- embedded
- page loading
- 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.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The application provides an application display method, device and system embedded in an applet, wherein the application display method comprises the following steps: rendering the network application on the embedded small program to obtain a current display page; responding to the operation position of touch operation on the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from a network application; and determining a target display form of the target jump page after the jump according to the page loading parameters, and updating the interface embedded with the small program into the target jump page according to the target display form. By adopting the technical scheme provided by the application, the network application is rendered on the embedded small program of the mobile equipment end, the corresponding jump path and the page loading parameter are obtained from the network application, the network application is directly opened on the embedded small program, the data interaction is completed, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
Description
Technical Field
The present application relates to the field of internet technologies, and in particular, to a method, an apparatus, and a system for displaying an application embedded in an applet.
Background
The configuration application is a computer-side network visualization tool supporting real-time monitoring and data analysis of multiple scenes, is a network application, is based on an industrial internet platform, supports the random dragging combination to build a monitoring scene, supports the binding of sensors, and realizes scene monitoring.
At present, when a network application is used, a user needs to acquire an application path and input the application path in a browser at a computer end to display a corresponding page, and in daily life, the user does not necessarily carry computer equipment with him, and the user cannot access and use the network application on occasions where the user is inconvenient to use a computer; therefore, the network application is considered to be installed at the mobile device side, but for the mobile device side, the network application needs to be installed, a developer needs to additionally develop application software of the mobile device side, and then a user downloads the application software to the mobile device side; therefore, how to conveniently use the network application without affecting the normal operation of the mobile device end user becomes a problem to be solved urgently.
Disclosure of Invention
In view of this, an object of the present application is to provide an application display method, apparatus and system embedded in an applet, in which a web application is rendered on an embedded applet at a mobile device, a corresponding jump path and a page loading parameter are obtained from the web application according to an operation position of a touch operation, the page loading parameter is displayed on a target jump page corresponding to the jump path in a target display form, and an interface of the embedded applet is updated to the target jump page.
The application mainly comprises the following aspects:
in a first aspect, an embodiment of the present application provides an application display method embedded in an applet, where the application display method includes:
after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page;
responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application;
and determining a target display form of a target jump page after the jump according to the page loading parameter, and updating the interface of the embedded small program into the target jump page according to the target display form after the jump according to the jump path.
Further, acquiring a page loading parameter corresponding to the jump path from the network application through the following steps:
determining a page loading request corresponding to the operation position according to the operation position of the touch operation of the current display page;
and sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
Further, after the sending the page loading request to the web application, the application display method further includes:
receiving path non-existence information returned by the network application; the path absence information represents that the page loading request does not have a corresponding jump path;
and displaying prompt information that the page does not exist in the current display page.
Further, after receiving the path non-existence information returned by the network application, the application display method further includes:
determining a blank display form of a blank display page according to a blank display parameter of a blank display page stored in advance;
and updating the interface of the embedded small program into the blank display page according to the blank display form.
Further, after the page loading parameter corresponding to the jump path is obtained, the application display method further includes:
storing the page loading parameters in a cache, and judging whether trigger conditions corresponding to the page loading parameters are received or not;
if so, acquiring page loading parameters, and displaying the page loading parameters on a current display page embedded with the small program;
if not, the method continues to wait until the trigger condition is received.
In a second aspect, an embodiment of the present application further provides an application display device embedded in an applet, where the application display device includes:
the acquisition module is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page;
the response module is used for responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring page loading parameters corresponding to the jump path from the network application;
and the display module is used for determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path.
Further, the response module is specifically configured to:
determining a page loading request corresponding to the operation position according to the operation position of the touch operation of the current display page;
and sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
In a third aspect, an embodiment of the present application further provides an application display system embedded in an applet, where the application display system includes the embedded applet and a network application;
the embedded small program is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page; responding to the operation position of the touch operation of the current display page, sending a page loading request corresponding to the operation position to a network application, and receiving a jump path of page jump returned by the network application and a corresponding page loading parameter; determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path;
the network application is used for receiving a page loading request sent by an embedded small program, judging whether a jump path corresponding to the page loading request exists, and if so, sending the jump path of page jump and corresponding page loading parameters to the embedded small program.
Further, the embedded applet is further configured to:
and splicing the request parameters after accessing an application path of the network application, and sending the request parameters to the network application as a page loading request.
Further, the network application is further configured to:
and after receiving the page loading request, acquiring request parameters from the page loading request by a path interception method, acquiring page loading parameters according to the request parameters, splicing the page loading parameters after the jump path, and sending the page loading parameters to the embedded applet.
The application display method, device and system embedded in the applet, provided by the embodiment of the application, comprises the following steps: after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page; responding to the operation position of the touch operation on the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application; and determining a target display form of a target jump page after the jump according to the page loading parameter, and updating the interface of the embedded small program into the target jump page according to the target display form after the jump according to the jump path.
In this way, according to the technical scheme provided by the application, the network application is rendered on the embedded applet of the mobile equipment end, the corresponding jump path and the page loading parameters are obtained from the network application according to the operation position of the touch operation, the page loading parameters are displayed on the target jump page corresponding to the jump path in a target display form, the interface of the embedded applet is updated to the target jump page, the network application of the mobile equipment end is not required to be additionally developed and downloaded, the network application is directly opened on the embedded applet to complete data interaction, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
In order to make the aforementioned objects, features and advantages of the present application more comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required to be used in the embodiments will be briefly described below, it should be understood that the following drawings only illustrate some embodiments of the present application and therefore should not be considered as limiting the scope, and for those skilled in the art, other related drawings can be obtained from the drawings without inventive effort.
FIG. 1 is a flow chart illustrating an application display method embedded in an applet according to an embodiment of the present application;
FIG. 2 is a flow chart illustrating another method for displaying an application embedded in an applet as provided by an embodiment of the present application;
FIG. 3 is a diagram illustrating a data interaction provided by an embodiment of the application;
FIG. 4 is a schematic structural diagram of an application display device embedded in an applet according to an embodiment of the present application;
fig. 5 is a second schematic structural diagram of an application display device embedded in an applet according to an embodiment of the present application;
FIG. 6 is a schematic structural diagram of an application display system embedded in an applet, according to an embodiment of the present application;
fig. 7 shows a schematic structural diagram of an electronic device provided in an embodiment of the present application.
Icon: 410-an application display device; 411-an acquisition module; 412-a response module; 413-a display module; 414-prompt module; 415-a determination module; 416-load module; 600-an application display system; 610-embedded applet; 620-web application; 700-an electronic device; 710-a processor; 720-a memory; 730-bus.
Detailed Description
To make the purpose, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it should be understood that the drawings in the present application are for illustrative and descriptive purposes only and are not used to limit the scope of protection of the present application. Additionally, it should be understood that the schematic drawings are not necessarily drawn to scale. The flowcharts used in this application illustrate operations implemented according to some embodiments of the present application. It should be understood that the operations of the flow diagrams may be performed out of order, and that steps without logical context may be performed in reverse order or concurrently. One skilled in the art, under the guidance of this application, may add one or more other operations to, or remove one or more operations from, the flowchart.
In addition, the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. The components of the embodiments of the present application, generally described and illustrated in the figures herein, can be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present application, presented in the accompanying drawings, is not intended to limit the scope of the claimed application, but is merely representative of selected embodiments of the application. All other embodiments, which can be derived by a person skilled in the art from the embodiments of the present application without making any creative effort, shall fall within the protection scope of the present application.
To enable those skilled in the art to utilize the present disclosure, the following embodiments are presented in conjunction with a specific application scenario "application display embedded on an applet," and it would be apparent to those skilled in the art that the general principles defined herein may be applied to other embodiments and application scenarios without departing from the spirit and scope of the present disclosure.
The method, apparatus, system, electronic device or computer-readable storage medium described in this embodiment of the present application may be applied to any scenario that requires a network to be applied to an embedded applet for display, and this embodiment of the present application is not limited to a specific application scenario, and any scheme that uses the method, apparatus and system for displaying an application embedded in an applet provided in this embodiment of the present application is within the scope of the present application.
The configuration application is a visualization tool supporting real-time monitoring and data analysis of multiple scenes, is a network application (configuration application), provides interactive design with a beautiful interface and good experience and rich scene template materials, can realize construction of a data visualization page within 5 minutes by dragging a diagram component, supports direct connection of platform mqtt equipment based on an industrial internet platform, supports configuration of data sources such as api and static data, and constructs a monitoring scene by dragging and combining at will; and the binding of the sensors is supported, and the scene monitoring is realized.
At present, when a network application is used, a user needs to acquire an application path and input the application path in a browser at a computer end to display a corresponding page, and in daily life, the user does not necessarily carry computer equipment with him, and the user cannot access and use the network application on occasions where the user is inconvenient to use a computer; therefore, the network application is considered to be installed at the mobile device side, but for the mobile device side, the network application needs to be installed, a developer needs to additionally develop application software of the mobile device side, and then a user downloads the application software to the mobile device side; therefore, how to conveniently use the network application without affecting the normal operation of the mobile device end user becomes a problem to be solved urgently.
Based on this, the application provides an application display method, device and system embedded in an applet, wherein the application display method comprises the following steps: after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page; responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application; and determining a target display form of a target jump page after the jump according to the page loading parameter, and updating the interface of the embedded small program into the target jump page according to the target display form after the jump according to the jump path.
In this way, according to the technical scheme provided by the application, the network application is rendered on the embedded applet of the mobile equipment end, the corresponding jump path and the page loading parameters are obtained from the network application according to the operation position of the touch operation, the page loading parameters are displayed on the target jump page corresponding to the jump path in a target display form, the interface of the embedded applet is updated to the target jump page, the network application of the mobile equipment end is not required to be additionally developed and downloaded, the network application is directly opened on the embedded applet to complete data interaction, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
For the purpose of facilitating an understanding of the present application, the technical solutions provided in the present application will be described in detail below with reference to specific embodiments.
Referring to fig. 1, fig. 1 is a flowchart of an application display method embedded in an applet according to an embodiment of the present application, where as shown in fig. 1, the application display method includes:
s101, after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page;
in the step, a small program is embedded, the small program is an application which can be used without downloading and installing, and a user can open the application by scanning or searching; the network application can be a WEB application and a configuration application, provides an interactive design with a beautiful interface and good experience and rich scene template materials, and can realize the construction of a data visualization page within 5 minutes by dragging the chart component;
as an example, the uni-app is a framework for developing all front-end applications using vue. js, and a developer writes a set of codes which can be distributed to multiple platforms such as iOS, Android, Web (responsive), and various applets (wechat/pay/hundred/headline/flybook/QQ/fast hand/nail/panning), fast application, and the like; for example, the wechat applet can render the configuration application by adopting a wechat applet native component web-view, and communication between the embedded applet and the configuration application is realized through the uni-app.
The embedded applet accesses a configuration application (network application) page path by using a native component of the web-view, the page of the configuration application is rendered on the embedded applet, a current display page is obtained, parameters are set and spliced to the accessed page path while the configuration application path is accessed, and the configuration application can intercept the obtained parameters through character strings and perform subsequent data processing. For example: http:// www.xxxxx.com/aep/pathquery1 and xxxx together with query2, parameter query1 and parameter query2 realize communication between embedded applets and configuration applications.
S102, responding to the operation position of the touch operation on the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application;
in the step, after the configuration application is developed, a js code of uni-sdk in the uni-app is embedded in an index.html file in the configuration application, a click event is added to a page to be skipped, the uni.navigato skip code is executed while a click is triggered, the skip path is an absolute path of the page embedded in the applet at the moment, meanwhile, a specified parameter is spliced after the skip path, when the page of the configuration application is rendered in the embedded applet and the click event is triggered, the embedded applet can detect the skip code in the page of the configuration application and execute the skip code, so that a new embedded applet native page is directly opened in the configuration application, and meanwhile, in the method of embedding the applet onload, the transmitted parameter can be obtained, so that data communication between the configuration application and the embedded applet is realized.
For example: tab/index query1 xxxx & query2 xxxx, the page load parameter is taken through parameter query1 and parameter query 2.
Illustratively, an embedded applet is started, a current page A is obtained, a component web-view rendering configuration application page C is loaded through the page A, and path transmission values are carried out through accessing the configuration application page. Uni-sdk: embedding js codes in the configuration application to realize that jump function codes inserted in the configuration application can be identified and executed by the embedded small program; jump event: skipping and splicing parameters through a url absolute path by using a skip method of the uni-app, so as to realize parameter transmission; page C: the configuration application page is added with an entry for jumping the embedded applet, and when a click event is triggered, a jump function code and a parameter are added, and a page B is jumped; page B: in the applet onload embedding method, parameters transmitted by the configuration application are obtained, and data caching can be carried out or data interaction with the page A can be carried out.
Please refer to fig. 2, where fig. 2 is a flowchart of another application display method embedded in an applet according to an embodiment of the present application, and as shown in fig. 2, the application display method further includes:
s201, determining a page loading request corresponding to an operation position according to the operation position of the touch operation of the current display page;
in the step, an operation position is determined through touch operation on a current display page of the embedded small program, and a page loading request corresponding to the operation position is sent to the network application; for example, a user name and a password are input into a login page, a login component is clicked, the user name and the password are used as request parameters through clicking touch operation and the operation position of the login component, the request parameters are spliced behind an application path and used as a page loading request to be sent to a network application, a jump function is triggered to obtain a jump path, webview access to the network application path is achieved, url splicing parameters are passed through, the network application can obtain transmitted parameters (the user name and the password) through a path intercepting method, and therefore data communication between an embedded applet and the network application is achieved.
S202, sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
In the step, a code for monitoring a jump function is embedded in the network application, when a trigger is received, a jump path and a page loading parameter are obtained through the jump function, and the jump path and the page loading parameter corresponding to the jump path are sent to the embedded small program; the method has the advantages that codes of jumping embedded small program absolute paths (jumping paths) are embedded in the configuration application, page loading parameters are spliced after the jumping paths, configuration application jumping events are triggered in the embedded small programs, so that the embedded small program jumping path pages are opened in the configuration application, and in an onload method of the jumping path pages, the values of the page loading parameters can be directly taken, so that data communication between the configuration application and the embedded small programs is realized.
It should be noted that, after sending the page loading request to the web application, the application display method further includes:
1) receiving path non-existence information returned by the network application;
in this step, the path absence information represents that there is no corresponding jump path for the page loading request; after receiving the path non-existence information returned by the network application, the application display method further includes:
(1) determining a blank display form of a blank display page according to a blank display parameter of a blank display page stored in advance;
(2) and updating the interface of the embedded small program into the blank display page according to the blank display form.
In this step, the embedded applet may display a blank page when the jump path does not exist.
2) And displaying prompt information that the page does not exist in the current display page.
In the step, when the jump path does not exist, the embedded applet can pop up prompt information that the display page does not exist.
It should be noted that, after the page loading parameter corresponding to the jump path is acquired in step S102, the application display method further includes:
1) storing the page loading parameters in a cache, and judging whether trigger conditions corresponding to the page loading parameters are received or not;
2) if so, acquiring page loading parameters and displaying the page loading parameters on a current display page embedded with the small program;
3) and if not, continuing to wait until the trigger condition is received.
In this step, after the page loading parameter is obtained, the page loading parameter may be stored in a cache, and when there is a display demand, that is, when a trigger condition that the page loading parameter needs to be displayed is received, the page loading parameter may be directly obtained in the cache; illustratively, the page loading parameter is a nickname corresponding to a logged-in user name, when a "my" component is clicked, a condition for displaying the nickname is triggered, the nickname is directly obtained from a cache and displayed on a corresponding page, when a "home" component is clicked, the condition for displaying the nickname is not triggered, processing is not needed, and monitoring is continued until the condition for triggering displaying the nickname is obtained.
S103, determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path.
In the step, the interface of the embedded small program is updated into a target jump page according to the acquired page loading parameters and a corresponding target display form; the page load parameter may be stored in the cache, so that the page load parameter may be directly obtained from the cache in the following.
Html file of configuration application, add following monitoring code:
<script type＝"text/javascript">
document.write('<script type＝"text/javascript"src＝"https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>')；
</script>
<script type＝"text/javascript"src＝"https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
the code is a monitoring code embedded into the applet, and when the js code is loaded into the application program, all methods with the uni start are monitored and called; the following jump code is invoked in the method of executing an interactivity event:
uni.navigateTo({
url:'/pathquery＝'+encodeURIComponent(JSON.stringify(query))
})；
wherein, path is an absolute path (jump path) embedded in the applet, and query is a reference object; by completing the steps, the communication between the embedded small program and the configuration application can be realized. The calling methods are all methods provided by the uni-app, and when the configuration application is rendered on the embedded applet, a step monitoring code is triggered to monitor the calling method of the uni in the whole embedded applet (for example, uni.xx); when an interaction event of the configuration application is triggered, a jump code is called, a function method called by the uni is triggered, at the moment, a path of the url exists, namely, a jump page corresponding to the path in the embedded applet is opened, and in the onload method, parameters (page loading parameters) carried in the query can be taken.
For example, please refer to fig. 3, fig. 3 is a schematic diagram of data interaction provided in an embodiment of the present application, and as shown in fig. 3, a configuration application (a web application) is a web application, which can be directly opened by a browser, and in the configuration application, a js code (a code for monitoring a target function) of an uni is embedded, so as to call a function method provided by the uni, and if the js code is not imported, the function method is directly referred to, and no function is performed, and only when the application is loaded into an embedded applet, the triggering is performed; the embedded applet web-view component (web view component) is similar to a built-in browser of a WeChat, and we can open a configuration application by using the browser, when the configuration application is loaded into the applet webview, a method for monitoring a target function is triggered at this time, the whole configuration application monitors a method with an uni, when a click event is triggered in the configuration application to jump a page of the applet, a uni. navegate To function (jump function) method provided by the uni is called, the method needs to specify a jump path url which is a string of characters, for example, the path before a question mark is an absolute path in the applet, the query is delivered data and can be of any type, if the path really exists, the jump page corresponding to the path in the applet is directly opened, otherwise, the jump page does not work, the jump page corresponding to the path, the system provides an (load function) method, and the data transmitted by the configuration application page can be taken through the data.
The application display method embedded in the small program provided by the embodiment of the application comprises the following steps: after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page; responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application; and determining a target display form of a target jump page after the jump according to the page loading parameter, and updating the interface of the embedded small program into the target jump page according to the target display form after the jump according to the jump path.
In this way, according to the technical scheme provided by the application, the network application is rendered on the embedded applet of the mobile equipment end, the corresponding jump path and the page loading parameters are obtained from the network application according to the operation position of the touch operation, the page loading parameters are displayed on the target jump page corresponding to the jump path in a target display form, the interface of the embedded applet is updated to the target jump page, the network application of the mobile equipment end is not required to be additionally developed and downloaded, the network application is directly opened on the embedded applet to complete data interaction, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
Based on the same application concept, an application display device embedded in an applet corresponding to the application display method embedded in an applet provided in the above embodiments is also provided in the embodiments of the present application.
Referring to fig. 4 and 5, fig. 4 is a first schematic structural diagram of an application display device embedded in an applet according to an embodiment of the present disclosure, and fig. 5 is a second schematic structural diagram of an application display device embedded in an applet according to an embodiment of the present disclosure. As shown in fig. 4, the application display device 410 includes:
the obtaining module 411 is configured to render the web application on the embedded applet after the web application is loaded, and obtain a current display page;
a response module 412, configured to determine a jump path of a page jump in response to an operation position of the touch operation on the current display page, and obtain a page loading parameter corresponding to the jump path from the network application;
and the display module 413 is configured to determine a target display form of the skipped target page according to the page loading parameter, and update the interface embedded with the applet to the skipped target page according to the target display form after skipping according to the skipped path.
Optionally, the response module 412 is specifically configured to:
determining a page loading request corresponding to the operation position according to the operation position of the touch operation of the current display page;
and sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
Optionally, as shown in fig. 5, the application display device 410 further includes a prompt module 414, where the prompt module 414 is configured to:
receiving path non-existence information returned by the network application; the path absence information represents that the page loading request does not have a corresponding jump path;
and displaying prompt information that the page does not exist in the current display page.
Optionally, the application display device 410 further includes a determining module 415, and the determining module 415 is configured to:
determining a blank display form of a blank display page according to a blank display parameter of a blank display page stored in advance;
and updating the interface of the embedded small program into the blank display page according to the blank display form.
Optionally, the application display device 410 further includes a loading module 416, where the loading module 416 is configured to:
storing the page loading parameters in a cache, and judging whether trigger conditions corresponding to the page loading parameters are received or not;
if so, acquiring a page loading parameter, and displaying the page loading parameter on a current display page embedded with the applet;
if not, the method continues to wait until the trigger condition is received.
An application display device embedded in an applet, provided by an embodiment of the application display device, includes: the acquisition module is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page; the response module is used for responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring page loading parameters corresponding to the jump path from the network application; and the display module is used for determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path.
In this way, according to the technical scheme provided by the application, the network application is rendered on the embedded applet of the mobile equipment end, the corresponding jump path and the page loading parameters are obtained from the network application according to the operation position of the touch operation, the page loading parameters are displayed on the target jump page corresponding to the jump path in a target display form, the interface of the embedded applet is updated to the target jump page, the network application of the mobile equipment end is not required to be additionally developed and downloaded, the network application is directly opened on the embedded applet to complete data interaction, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
Based on the same application concept, the embodiment of the present application further provides an application display system embedded in an applet corresponding to the application display method embedded in an applet provided in the above embodiment, and since the principle of the apparatus in the embodiment of the present application for solving the problem is similar to that of the application display method embedded in an applet provided in the above embodiment of the present application, the implementation of the application display system may refer to the implementation of the method, and repeated details are not repeated.
Referring to fig. 6, fig. 6 is a schematic structural diagram of an application display system embedded in an applet according to an embodiment of the present disclosure, and as shown in fig. 6, an application display system 600 includes an embedded applet 610 and a network application 620; the embedded applet 610 is configured to render the web application 620 on the embedded applet after the web application 620 is loaded, and obtain a current display page; responding to the operation position of the touch operation on the current display page, sending a page loading request corresponding to the operation position to a network application 620, and receiving a jump path of page jump returned by the network application 620 and corresponding page loading parameters; determining a target display form of a target jump page after jumping according to the page loading parameter, and updating an interface of the embedded applet 610 into the target jump page according to the target display form after jumping according to the jump path; the web application 620 is configured to receive a page loading request sent by the embedded applet 610, determine whether a jump path corresponding to the page loading request exists, and send the jump path of page jump and a corresponding page loading parameter to the embedded applet 610 if the jump path exists.
Further, the embedded applet 610 is further configured to: the request parameters are spliced after accessing the application path of the web application 620 and sent to the web application 620 as a page load request.
Further, the web application 620 is further configured to: after receiving the page loading request, obtaining request parameters from the page loading request by a path interception method, obtaining page loading parameters according to the request parameters, splicing the page loading parameters after the jump path, and sending the spliced page loading parameters to the embedded applet 610.
Further, the embedded applet 610 is further configured to: receiving path non-existence information returned by the network application 620; the path absence information represents that the page loading request does not have a corresponding jump path; and displaying prompt information that the page does not exist in the current display page.
Further, the embedded applet 610 is further configured to: determining a blank display form of a blank display page according to a blank display parameter of a blank display page stored in advance; and updating the interface of the embedded applet 610 into the blank display page according to the blank display form.
Further, the embedded applet 610 is further configured to: storing the page loading parameters in a cache, and judging whether trigger conditions corresponding to the page loading parameters are received or not; if so, acquiring a page loading parameter, and displaying the page loading parameter on a current display page of the embedded applet 610; if not, the method continues to wait until the trigger condition is received.
The application display system embedded into the small program comprises the embedded small program and network application; the embedded small program is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page; responding to the operation position of the touch operation of the current display page, sending a page loading request corresponding to the operation position to a network application, and receiving a jump path of page jump returned by the network application and a corresponding page loading parameter; determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path; the network application is used for receiving a page loading request sent by an embedded small program, judging whether a jump path corresponding to the page loading request exists, and if so, sending the jump path of page jump and corresponding page loading parameters to the embedded small program.
In this way, according to the technical scheme provided by the application, the network application is rendered on the embedded applet of the mobile equipment end, the corresponding jump path and the page loading parameters are obtained from the network application according to the operation position of the touch operation, the page loading parameters are displayed on the target jump page corresponding to the jump path in a target display form, the interface of the embedded applet is updated to the target jump page, the network application of the mobile equipment end is not required to be additionally developed and downloaded, the network application is directly opened on the embedded applet to complete data interaction, the occupancy rate of the storage space of the mobile equipment can be reduced while the network application is conveniently used, and the normal operation of the mobile equipment is ensured.
Referring to fig. 7, fig. 7 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure. As shown in fig. 7, the electronic device 700 includes a processor 710, a memory 720, and a bus 730.
The memory 720 stores machine-readable instructions executable by the processor 710, when the electronic device 700 runs, the processor 710 communicates with the memory 720 through the bus 730, and when the machine-readable instructions are executed by the processor 710, the steps of the application display method embedded in the applet in the method embodiment shown in fig. 1 and fig. 2 may be executed.
An embodiment of the present application further provides a computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the step of the application display method embedded in the applet in the method embodiments shown in fig. 1 and fig. 2 may be executed.
It is clear to those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described systems, apparatuses and units may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the several embodiments provided in the present application, it should be understood that the disclosed system, apparatus and method may be implemented in other ways. The above-described embodiments of the apparatus are merely illustrative, and for example, the division of the units is only one logical division, and there may be other divisions when actually implemented, and for example, a plurality of units or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication connection may be an indirect coupling or communication connection of devices or units through some communication interfaces, and may be in an electrical, mechanical or other form.
The units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units can be selected according to actual needs to achieve the purpose of the solution of the embodiment.
In addition, functional units in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a non-volatile computer-readable storage medium executable by a processor. Based on such understanding, the technical solutions of the present application or portions thereof that substantially contribute to the prior art may be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a server, or a network device) to execute all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: various media capable of storing program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
Finally, it should be noted that: the above-mentioned embodiments are only specific embodiments of the present application, and are used for illustrating the technical solutions of the present application, but not limiting the same, and the scope of the present application is not limited thereto, and although the present application is described in detail with reference to the foregoing embodiments, those skilled in the art should understand that: any person skilled in the art can modify or easily conceive the technical solutions described in the foregoing embodiments or equivalent substitutes for some technical features within the technical scope disclosed in the present application; such modifications, changes or substitutions do not depart from the spirit and scope of the exemplary embodiments of the present application, and are intended to be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.
Claims (10)
1. An application display method embedded in an applet, the application display method comprising:
after the network application is loaded, rendering the network application on the embedded small program to obtain a current display page;
responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring a page loading parameter corresponding to the jump path from the network application;
and determining a target display form of a target jump page after the jump according to the page loading parameter, and updating the interface of the embedded small program into the target jump page according to the target display form after the jump according to the jump path.
2. The application display method according to claim 1, wherein the page loading parameter corresponding to the jump path is acquired from the web application by:
determining a page loading request corresponding to the operation position according to the operation position of the touch operation of the current display page;
and sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
3. The application display method according to claim 2, wherein after the sending of the page loading request to the web application, the application display method further comprises:
receiving path non-existence information returned by the network application; the path absence information represents that the page loading request does not have a corresponding jump path;
and displaying prompt information that the page does not exist in the current display page.
4. The application display method according to claim 3, wherein after receiving the path non-existence information returned by the network application, the application display method further comprises:
determining a blank display form of a blank display page according to a blank display parameter of a blank display page stored in advance;
and updating the interface of the embedded small program into the blank display page according to the blank display form.
5. The application display method according to claim 1, wherein after the obtaining of the page loading parameter corresponding to the jump path, the application display method further comprises:
storing the page loading parameters in a cache, and judging whether trigger conditions corresponding to the page loading parameters are received or not;
if so, acquiring a page loading parameter, and displaying the page loading parameter on a current display page embedded with the applet;
if not, the method continues to wait until the trigger condition is received.
6. An application display device embedded in an applet, the application display device comprising:
the acquisition module is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page;
the response module is used for responding to the operation position of the touch operation of the current display page, determining a jump path of page jump, and acquiring page loading parameters corresponding to the jump path from the network application;
and the display module is used for determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path.
7. The application display device of claim 6, wherein the response module is specifically configured to:
determining a page loading request corresponding to the operation position according to the operation position of the touch operation of the current display page;
and sending the page loading request to the network application, and receiving a jump path corresponding to the page loading request and page loading parameters corresponding to the jump path returned by the network application.
8. An application display system embedded on an applet, the application display system comprising an embedded applet and a web application;
the embedded small program is used for rendering the network application on the embedded small program after the network application is loaded, and acquiring a current display page; responding to the operation position of the touch operation of the current display page, sending a page loading request corresponding to the operation position to a network application, and receiving a jump path of page jump returned by the network application and a corresponding page loading parameter; determining a target display form of a target jump page after jumping according to the page loading parameters, and updating the interface of the embedded small program into the target jump page according to the target display form after jumping according to the jump path;
the network application is used for receiving a page loading request sent by an embedded small program, judging whether a jump path corresponding to the page loading request exists, and if so, sending the jump path of page jump and corresponding page loading parameters to the embedded small program.
9. The application display system of claim 8, wherein the embedded applet is further configured to:
and splicing the request parameters after accessing an application path of the network application, and sending the request parameters to the network application as a page loading request.
10. The application display system of claim 9, wherein the web application is further configured to:
and after receiving the page loading request, acquiring request parameters from the page loading request by a path interception method, acquiring page loading parameters according to the request parameters, splicing the page loading parameters after the jump path, and sending the page loading parameters to the embedded applet.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210455643.XA CN114816637B (en) | 2022-04-27 | 2022-04-27 | Application display method, device and system embedded in applet |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210455643.XA CN114816637B (en) | 2022-04-27 | 2022-04-27 | Application display method, device and system embedded in applet |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114816637A true CN114816637A (en) | 2022-07-29 |
| CN114816637B CN114816637B (en) | 2024-03-01 |
Family
ID=82509540
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210455643.XA Active CN114816637B (en) | 2022-04-27 | 2022-04-27 | Application display method, device and system embedded in applet |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114816637B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115269054A (en) * | 2022-08-10 | 2022-11-01 | 浙江中控技术股份有限公司 | Dynamic menu loading method and device, server and storage medium |
| CN115529584A (en) * | 2022-10-08 | 2022-12-27 | 上海蒜芽信息科技有限公司 | App display method, system, device and medium |
| CN115987959A (en) * | 2022-12-02 | 2023-04-18 | 浪潮通信信息系统有限公司 | A Customizable APP Fusion Method Based on Remote Loading |
| CN116016558A (en) * | 2022-12-12 | 2023-04-25 | 湖南快乐阳光互动娱乐传媒有限公司 | Method and system for user information communication synchronization |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9083566B1 (en) * | 2012-04-18 | 2015-07-14 | Cisco Technology, Inc. | System and method for communicating with an applet using an inline web frame in a network environment |
| WO2017162072A1 (en) * | 2016-03-25 | 2017-09-28 | 阿里巴巴集团控股有限公司 | Method and device for jumping between pages |
| CN112052064A (en) * | 2020-09-28 | 2020-12-08 | 深圳前海微众银行股份有限公司 | Mini Program Page Jumping Method, Apparatus, Device and Computer-readable Storage Medium |
| CN112162871A (en) * | 2020-09-25 | 2021-01-01 | 同程网络科技股份有限公司 | Method, device and storage medium for data exchange between applet and webview |
| CN112230909A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技（深圳）有限公司 | Data binding method, device and equipment of small program and storage medium |
| CN112817656A (en) * | 2021-01-29 | 2021-05-18 | 北京百度网讯科技有限公司 | Applet running method and device |
| CN113032703A (en) * | 2021-02-24 | 2021-06-25 | 腾讯科技（深圳）有限公司 | Resource data processing method and device, computer equipment and storage medium |
| CN113723961A (en) * | 2021-09-07 | 2021-11-30 | 天津电子信息职业技术学院 | Mobile payment method |
| CN113961836A (en) * | 2021-11-19 | 2022-01-21 | 挂号网（杭州）科技有限公司 | Page jump method and device, electronic equipment and storage medium |
-
2022
- 2022-04-27 CN CN202210455643.XA patent/CN114816637B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9083566B1 (en) * | 2012-04-18 | 2015-07-14 | Cisco Technology, Inc. | System and method for communicating with an applet using an inline web frame in a network environment |
| WO2017162072A1 (en) * | 2016-03-25 | 2017-09-28 | 阿里巴巴集团控股有限公司 | Method and device for jumping between pages |
| CN112230909A (en) * | 2019-07-15 | 2021-01-15 | 腾讯科技（深圳）有限公司 | Data binding method, device and equipment of small program and storage medium |
| CN112162871A (en) * | 2020-09-25 | 2021-01-01 | 同程网络科技股份有限公司 | Method, device and storage medium for data exchange between applet and webview |
| CN112052064A (en) * | 2020-09-28 | 2020-12-08 | 深圳前海微众银行股份有限公司 | Mini Program Page Jumping Method, Apparatus, Device and Computer-readable Storage Medium |
| CN112817656A (en) * | 2021-01-29 | 2021-05-18 | 北京百度网讯科技有限公司 | Applet running method and device |
| CN113032703A (en) * | 2021-02-24 | 2021-06-25 | 腾讯科技（深圳）有限公司 | Resource data processing method and device, computer equipment and storage medium |
| CN113723961A (en) * | 2021-09-07 | 2021-11-30 | 天津电子信息职业技术学院 | Mobile payment method |
| CN113961836A (en) * | 2021-11-19 | 2022-01-21 | 挂号网（杭州）科技有限公司 | Page jump method and device, electronic equipment and storage medium |
Non-Patent Citations (4)
| Title |
|---|
| 庞小慧: "H5页面与微信小程序相互跳转并传参(web-view)", pages 1 - 4, Retrieved from the Internet <URL:《https://zhuanlan.zhihu.com/p/148693989》> * |
| 浩星: "小程序嵌套h5界面，在h5界面调用小程序的扫一扫功能", Retrieved from the Internet <URL:《https://blog.csdn.net/qq_41619796/article/details/123861278》> * |
| 游魂: "uni-app 与 Vue H5 项目通讯", Retrieved from the Internet <URL:《https://cloud.tencent.com/developer/article/1729994》> * |
| 莫莫小仙女: "微信小程序web-view嵌入h5———登陆注册功能", Retrieved from the Internet <URL:《https://blog.csdn.net/qq_42020215/article/details/90903770》> * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN115269054A (en) * | 2022-08-10 | 2022-11-01 | 浙江中控技术股份有限公司 | Dynamic menu loading method and device, server and storage medium |
| CN115529584A (en) * | 2022-10-08 | 2022-12-27 | 上海蒜芽信息科技有限公司 | App display method, system, device and medium |
| CN115987959A (en) * | 2022-12-02 | 2023-04-18 | 浪潮通信信息系统有限公司 | A Customizable APP Fusion Method Based on Remote Loading |
| CN116016558A (en) * | 2022-12-12 | 2023-04-25 | 湖南快乐阳光互动娱乐传媒有限公司 | Method and system for user information communication synchronization |
| CN116016558B (en) * | 2022-12-12 | 2025-12-23 | 湖南快乐阳光互动娱乐传媒有限公司 | Method and system for synchronizing user information communication |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114816637B (en) | 2024-03-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN114816637A (en) | Application display method, device and system embedded into applet | |
| US9448776B1 (en) | Method and apparatus for converting a website into a native mobile application | |
| US10241846B2 (en) | Enabling a web application to call at least one native function of a mobile device | |
| CN106708557B (en) | Update processing method and device for terminal application | |
| EP2580683B1 (en) | Creating and launching a web application with credentials | |
| CN102918484B (en) | Comprise the web app locking of taskbar locking | |
| KR101783503B1 (en) | Web application home button | |
| EP2656209B1 (en) | Private pinning including task bar pinning and jump list task and item launching | |
| US20120166959A1 (en) | Surfacing content including content accessed from jump list tasks and items | |
| CN102939583B (en) | Create task sessions | |
| CN108038134B (en) | Page display method and device, storage medium and electronic equipment | |
| JP5171790B2 (en) | Information processing apparatus, communication system, and program | |
| TWI608416B (en) | Page return method and apparatus, page generation method and apparatus | |
| WO2018223717A1 (en) | Webpage front-end testing method, device, system, apparatus and readable storage medium | |
| CN106874519B (en) | Page display method and device | |
| TW201839593A (en) | Interaction processing method and device | |
| US9307010B2 (en) | Data upload method using shortcut | |
| CN107688529B (en) | Component debugging method and device | |
| CN108319474B (en) | Page information generation method, device and equipment | |
| CN112130908B (en) | Method and device for setting user guidance | |
| CN110020242A (en) | A kind of document reading progress synchronous method and device based on Web | |
| CN104598267B (en) | The tune of application plays method and device | |
| US9806933B2 (en) | Component loading based on user interactions | |
| CN106649581B (en) | Webpage repairing method and client | |
| CN116150536A (en) | Page returning method, device, equipment and medium |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |