CN114117285A - Position information processing method and device based on H5 page and electronic equipment - Google Patents

Position information processing method and device based on H5 page and electronic equipment Download PDF

Info

Publication number
CN114117285A
CN114117285A CN202210100649.5A CN202210100649A CN114117285A CN 114117285 A CN114117285 A CN 114117285A CN 202210100649 A CN202210100649 A CN 202210100649A CN 114117285 A CN114117285 A CN 114117285A
Authority
CN
China
Prior art keywords
longitude
terminal
page
latitude
native
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
Application number
CN202210100649.5A
Other languages
Chinese (zh)
Other versions
CN114117285B (en
Inventor
刘懿聪
赵树超
代碧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhejiang Koubei Network Technology Co Ltd
Original Assignee
Zhejiang Koubei Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Zhejiang Koubei Network Technology Co Ltd filed Critical Zhejiang Koubei Network Technology Co Ltd
Priority to CN202210100649.5A priority Critical patent/CN114117285B/en
Publication of CN114117285A publication Critical patent/CN114117285A/en
Application granted granted Critical
Publication of CN114117285B publication Critical patent/CN114117285B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9574Browsing optimisation, e.g. caching or content distillation of access to content, e.g. by caching
    • YGENERAL 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
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02PCLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
    • Y02P90/00Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
    • Y02P90/30Computing systems specially adapted for manufacturing

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Telephone Function (AREA)
  • Information Transfer Between Computers (AREA)
  • Telephonic Communication Services (AREA)

Abstract

The application provides a position information processing method based on H5 page, H5 terminal and Native terminal carry out two-way communication based on communication protocol, the method comprises: the Native terminal acquires longitude and latitude information of an authorized terminal of a user; before the H5 end carries out page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information. According to the scheme, the time consumed by the H5 end for acquiring the longitude and latitude information from the Native end can be saved, the H5 page loading time is optimized, and the user experience is improved.

Description

Position information processing method and device based on H5 page and electronic equipment
Technical Field
The present application relates to the field of H5 technologies, and in particular, to a position information processing method and apparatus based on an H5 page, a storage medium, and an electronic device.
Background
The popularization of smart phones and the development of mobile internet provide a good environment for the development of HTML5(HyperText Markup Language 5, H5 for short). Currently, HTML5 has been widely used in mobile APP (application) products. The Hybird (hybrid application) development mode based on the H5 terminal and the Native terminal has the advantages of low cost, high efficiency, cross-platform and the like.
Disclosure of Invention
In view of this, the present application provides a method and an apparatus for processing location information based on H5 page, a storage medium, and an electronic device, and mainly aims to optimize processing for location information in H5 page, so as to improve loading efficiency of H5 page.
According to an aspect of the present application, there is provided a position information processing method based on H5 page, the H5 terminal and Native terminal perform bidirectional communication based on a communication protocol, the method comprising: the Native terminal acquires longitude and latitude information of an authorized terminal; before the H5 end carries out page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information.
According to an aspect of the present application, there is provided an H5 page-based location information processing apparatus, an H5 terminal performing bidirectional communication with a Native terminal based on a communication protocol, the apparatus comprising: the Native terminal is used for obtaining longitude and latitude information of an authorized terminal, and before the H5 terminal carries out page loading, the Native terminal transmits the longitude and latitude information to the H5 terminal in advance, so that the H5 terminal carries out page data loading based on positions according to the longitude and latitude information.
According to an aspect of the present application, there is provided a storage medium having stored therein a computer program, wherein the computer program is configured to execute the above-mentioned position information processing method based on H5 page when running.
According to an aspect of the present application, there is provided an electronic device, comprising a memory and a processor, wherein the memory stores a computer program, and the processor is configured to execute the computer program to execute the method for processing location information based on H5 page.
By means of the technical scheme, the position information processing method, the position information processing device, the storage medium and the electronic equipment based on the H5 page provided by the application have the advantages that the H5 page is generally strongly related to the position, so that the longitude and latitude information is transmitted to the H5 end in advance after the latitude and longitude information of the terminal is acquired by the Native end, and the H5 end is enabled to call the Native end interface once to acquire the longitude and latitude information instead of the H5 page in the loading process, so that interface calling and time can be saved, and page loading efficiency is improved.
The foregoing description is only an overview of the technical solutions of the present application, and the present application can be implemented according to the content of the description in order to make the technical means of the present application more clearly understood, and the following detailed description of the present application is given in order to make the above and other objects, features, and advantages of the present application more clearly understandable.
Drawings
The accompanying drawings, which are included to provide a further understanding of the application and are incorporated in and constitute a part of this application, illustrate embodiment(s) of the application and together with the description serve to explain the application and not to limit the application. In the drawings:
fig. 1 is a flowchart illustrating a method for processing location information based on an H5 page according to an embodiment of the present application;
fig. 2 is a schematic diagram illustrating a PHA architecture in an example of a location information processing method based on H5 page according to an embodiment of the present application;
fig. 3 is a schematic diagram illustrating an example of a location information processing method based on an H5 page according to an embodiment of the present application;
fig. 4 is a flowchart illustrating an example of a location information processing method based on an H5 page according to an embodiment of the present application;
fig. 5 is a schematic diagram illustrating an example second location information processing method based on an H5 page according to an embodiment of the present application;
fig. 6 is a flowchart illustrating an example second location information processing method based on an H5 page according to an embodiment of the present application;
fig. 7 shows a schematic structural diagram of an apparatus for processing location information based on an H5 page according to an embodiment of the present application.
Detailed Description
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only partial embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application. It should be noted that the embodiments and features of the embodiments in the present application may be combined with each other without conflict.
The embodiment of the application can be applied to APP of the mobile terminal. The mobile terminal may be a mobile phone, a tablet, a wearable device, etc. The operating system of the mobile terminal may be an IOS (operating system developed by apple inc.) system, an Android (Android) system, or the like.
With the development of the mobile internet, the mobile App product becomes the largest traffic channel of the mobile internet product, in order to pursue development cost, product quality, user experience and development efficiency, the convergence development mode of the H5 end (front end) and the Native end (client) is a necessary trend for enterprises, and more APPs adopt the Hybird development mode. In general, H5-side service and Native-side basic component service (such as loading H5 pages and providing page routing) are used for development.
In practical scenarios, the portion H5 is typically Location Based Services (LBS), so the page data is strongly Location dependent. For example, for a takeaway APP, the location information of the user terminal needs to be acquired, and goods or services are pushed according to the location information. Before loading the page data, the H5 side needs to acquire the location information, and loads the page data according to the location information, so as to present the page content based on the location information.
In the actual implementation process, a Native terminal can read terminal position information through user authorization, if the Native terminal is called by an H5 terminal through interface calling and other modes to obtain longitude and latitude information after a user clicks an H5 page, time and flow of one-time interface calling are required to be occupied, and page loading efficiency is affected, for example, the user needs to wait for a certain time to finish the H5 terminal calling the Native terminal to obtain the terminal position information, and then page data loading is performed based on the position information, and during the waiting period of the user, a white screen often exists on an H5 page on a screen, so that not only is user time wasted, but also APP use experience is poor.
Therefore, the embodiment of the application provides a position information processing method based on an H5 page, and one interface call is reduced by a way of position information pre-transmission at a Native terminal, so that the page loading efficiency is improved, and the user experience is improved.
Referring to fig. 1, for the position information processing method based on H5 page provided in the embodiment of the present application, the H5 and the Native terminal perform bidirectional communication based on the communication protocol, and the position information processing method based on H5 page includes the following steps S101-S102.
S101: and the Native terminal acquires longitude and latitude information of the authorized terminal.
It is to be understood that "authorized terminal" means that the user authorizes the APP to locate the terminal. When the user uses the APP, for example, by starting functions of "allowing the APP to access location information", and the like, that is, the Native terminal of the APP is authorized to obtain the location information of the authorized terminal, where the location information is generally represented by longitude and latitude information.
S102: before the H5 end carries out page loading, the Native end transmits longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information.
Because the H5 page is generally strongly related to the position, after the latitude and longitude information of the terminal is obtained by the Native terminal, the operation of transmitting the latitude and longitude information to the H5 terminal in advance is started, instead of obtaining the latitude and longitude information by calling the Native terminal interface once through the H5 terminal, so that the flow and time for calling the interface once can be saved, and the efficiency is improved.
The following schematically illustrates two examples of the method for processing location information based on the H5 page according to the embodiment of the present application in two specific application scenarios.
Example one: multi tab (Page tag) meeting place page
Taking a takeaway APP as an example, on a promotional day or during a promotion, multiple tab venue pages are often implemented to attract users. In the multi-tab meeting place page, a plurality of tabs for navigation are arranged at the top or the bottom, if a common H5 container is adopted, and each time the tab is clicked, the data of the network end page needs to be loaded, the previously opened tab needs to be re-created and loaded, and the experience is poor. Thus, the superior performance of PHA containers can be exploited to realize multi-tab venues.
PHA (advanced Hybrid App), which is a new framework for enhancing Hybrid experience, provides progressively enhanced policy and better-performance rich interactive components to create Hybrid applications while following the Web standard, so that the applications have the same user experience as Native App. In a multi-tab conference site page mode realized based on a PHA container, the bottom TabBar of the PHA container is rendered by a Native end, and the bottom bar cannot be reconstructed when tab is clicked.
Referring to fig. 2, a PHA framework diagram of an example of a first location information processing method based on H5 pages is provided in the embodiment of the present application. The figure shows the routing, PHA container, webview, and service phases. The position information processing method based on the H5 page provided by the embodiment of the application is realized in the phase of a PHA container. In the PHA container stage, container initialization, semi-finished product manifest file downloading, worker loading and complete manifest file assembly are completed, wherein longitude and latitude are injected into the semi-finished product manifest file, and the position information is pre-transmitted from a Native end to an H5 end.
Some terms are explained below.
The H5 container is a webview (page view) based solution of a mobile terminal, provides good external extension functions, and has JSAPI customization, event mechanism and other capabilities.
PHA (advanced Hybrid App) container, a new framework for enhancing Hybrid experience, can be considered as a specific H5 container, and can realize multi-tab meeting place page.
The manifest file refers to a piece of json data containing H5 container loading information, and may be understood as PHA container configuration file, and the semi-finished manifest file does not have related data required by page tabbar (page tab) and other meeting place page loading.
worker, a js engine that can execute js (JavaScript language) scripts.
Referring to fig. 3, a schematic diagram illustrating an example of a location information processing method based on an H5 page according to an embodiment of the present application.
By starting the PHA container inlet, the Native end acquires a semi-finished product manifest file, and starts the PHA worker. Then, the Native terminal injects the longitude and latitude information into a semi-finished product manifest file, then, the H5 terminal acquires the longitude and latitude information through a PHA worker, and finally, the H5 terminal requests the network terminal to acquire complete meeting place frame data.
In practical implementation, improvement is often performed based on an H5 framework, and the performance of the whole H5 is improved by multiplexing an existing PHA system framework (for example, a multi-tab meeting place page is implemented), so that, in a process of requesting data to a network side corresponding to a PHA container, complete manifest data cannot be requested from the beginning (because the existing PHA system framework is often not strongly related to a location), only one semi-finished product manifest can be returned first, a worker (a js engine capable of executing js codes) is contained in the semi-finished product, and the H5 side acquires latitude and longitude information from the worker after the worker initialization is completed, and then requests the network side to acquire the data related to the complete manifest and page loading data. As can be seen, after the Native terminal acquires the semi-finished product manifest file, the semi-finished product manifest file is returned to the semi-finished product json of the H5 terminal, and longitude and latitude information cached in the home page is injected, so that time consumption for calling jsbridge once is saved.
Referring to fig. 4, a flowchart illustrating an example of a location information processing method based on an H5 page provided in an embodiment of the present application includes steps S401 to S405.
S401: and the Native terminal acquires longitude and latitude information of the authorized terminal.
S402: the Native end injects the latitude and longitude information into the configuration file of the semi-finished product container; the configuration file of the semi-finished product container is a PHA semi-finished product manifest file based on a PHA container, and the semi-finished product manifest file does not contain meeting place page data.
S403: and reading the configuration file of the semi-finished product container by the H5 end to obtain longitude and latitude information. The method specifically comprises the following steps: and the H5 end reads the PHA semi-finished product manifest file through a PHA container JS engine to obtain longitude and latitude information.
S404: and the H5 terminal requests the network terminal to acquire finished product container configuration files and page data based on the latitude and longitude information according to the latitude and longitude information.
S405: and carrying out page loading of a multi-tab meeting place based on the finished product container configuration file and the page data.
Comparing the H5 container based venue with the modified PHA container based multi-tab PHA venue can find that: although the meeting place based on the H5 container is a tab component realized based on an H5 end, an H5 page is reloaded each time tab is switched, the tab disappears and is displayed, and the H5 end is required to call jsapi (JavaScript API, JavaScript programming interface) on a Native end to acquire longitude and latitude information, so that subsequent data requests are blocked, certain time consumption is caused, and the loading duration of the page is influenced; when a user clicks and enters the meeting place at a client, a complete manifest file is requested based on pre-transmitted longitude and latitude information, and then the whole container, such as an icon of a tabbar, a corresponding page and the like, is loaded according to the manifest file without reloading tab component data every time, the tab on the page does not disappear, and user embodiment is improved.
Example two (Single page)
Except for the multi-tab PHA pages, the other H5 pages can be considered as single pages. For example, "super eating card in my tab" in some APP belongs to a single page.
Referring to fig. 5, a schematic diagram of an example second location information processing method based on an H5 page provided in the embodiment of the present application is shown. For a single-page scene of H5, splicing longitude and latitude parameters at a container entrance link (manifest url), and splicing the longitude and latitude parameters to a page link through the container transparent transmission capacity. Firstly, performing hit judgment on a white list at a container inlet (such as an H5 container inlet or a PHA container inlet), wherein the white list is a service type which is strongly related to the position; then, if the service is a service strongly related to the position, namely belongs to a white list, a position information processing scheme based on the embodiment of the application is carried out, namely, the lower branch in fig. 5 is carried out, longitude and latitude information is added in a url, container frame data is requested, then, the longitude and latitude information is transmitted to a first screen url through parameter transmission, the first screen url is extracted and loaded, and finally, the first screen data is requested from a network side; if the service is not the service strongly related to the position, namely the service does not belong to the white list, the original mode, namely the upper branch in fig. 5, can be adopted to request the container frame data, the first screen url is extracted and loaded, the H5 end acquires the latitude and longitude information through jsapi, and finally, the H5 end requests the first screen data. It can be seen that, compared with the scheme of the upper branch in fig. 5, the H5 does not need to call the Native terminal through jsapi to obtain the longitude and latitude information, so that one-time interface call is reduced, and the flow and time are saved.
Referring to fig. 6, a flowchart of an example of a location information processing method based on an H5 page provided in the embodiment of the present application is shown.
S601: and the Native terminal acquires longitude and latitude information of the authorized terminal.
S602: the Native terminal splices longitude and latitude parameters based on longitude and latitude information in a container inlet link; the Native terminal splices longitude and latitude parameters based on longitude and latitude information in the container entrance link, and splices the longitude and latitude parameters into an H5 page URL through the container parameter transparent transmission module.
S603: and the H5 terminal requests the network terminal for page data based on latitude and longitude information.
S604: and carrying out page loading based on the page data.
According to the position information processing method based on the H5 page, position information is transmitted to the H5 end in advance at the Native end, for example, for two different scenes, namely a multi-tab meeting place and a single page, a mode of injecting longitude and latitude information into a semi-finished product manifest file and splicing the longitude and latitude at an entrance link is adopted respectively, and the original mode of calling a jsapi interface to obtain the longitude and latitude information is not required, so that the time and the flow are saved, the page loading time and performance are optimized, and the user experience is improved.
Referring to fig. 7, a schematic structural diagram of a device for processing location information based on an H5 page according to an embodiment of the present application is shown, in the device, an H5 end and a Native end perform bidirectional communication based on a communication protocol, where the Native end is configured to obtain longitude and latitude information of an authorized terminal, and before the H5 end performs page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end performs page data loading based on a location according to the longitude and latitude information.
In one implementation, the Native terminal is configured to inject the latitude and longitude information into a semi-finished container configuration file; and the H5 terminal is used for reading the semi-finished product container configuration file to obtain the longitude and latitude information.
In one implementation, the semi-finished product container configuration file is a PHA semi-finished product manifest file based on a PHA container, the semi-finished product manifest file not containing meeting place page data therein; the H5 page is used for reading the PHA semi-finished product manifest file through a PHA container worker engine.
In an implementation manner, the H5 side is further configured to request a network side to obtain a finished product container configuration file and page data based on the longitude and latitude information according to the longitude and latitude information, and the Native side performs page loading based on the finished product container configuration file and the page data.
In one implementation, the Native terminal is configured to assemble the longitude and latitude information in a page URL; and the H5 terminal is used for analyzing the page URL to obtain the longitude and latitude information.
In one implementation mode, the Native terminal is configured to splice the longitude and latitude parameters based on the longitude and latitude information in a container entrance link, and splice the longitude and latitude parameters into a URL of an H5 page through a container parameter transparent module.
In one implementation manner, the H5 side is further configured to request, from a network side, page data based on latitude and longitude information, and the Native side performs page loading based on the page data.
Embodiments of the present application further provide a storage medium having a computer program stored therein, wherein the computer program is configured to perform the steps in any of the above method embodiments when executed.
Alternatively, in the present embodiment, the storage medium may be configured to store a computer program for executing the steps of:
(1) a Native terminal acquires longitude and latitude information of an authorized terminal;
(2) before the H5 end carries out page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information.
Optionally, in this embodiment, the storage medium may include, but is not limited to: various media capable of storing computer programs, such as a usb disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic disk, or an optical disk.
Embodiments of the present application further provide an electronic device comprising a memory having a computer program stored therein and a processor configured to execute the computer program to perform the steps of any of the above method embodiments.
Optionally, the electronic apparatus may further include a transmission device and an input/output device, wherein the transmission device is connected to the processor, and the input/output device is connected to the processor.
Optionally, in this embodiment, the processor may be configured to execute the following steps by a computer program:
(1) a Native terminal acquires longitude and latitude information of an authorized terminal;
(2) before the H5 end carries out page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information.
Optionally, the specific examples in this embodiment may refer to the examples described in the above embodiments and optional implementation manners, and this embodiment is not described herein again.
The above-mentioned serial numbers of the embodiments of the present application are merely for description and do not represent the merits of the embodiments.
In the above embodiments of the present application, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In the embodiments provided in the present application, it should be understood that the disclosed technology can 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 type of division of logical functions, and there may be other divisions when actually implemented, for example, a plurality of units or components may be combined or may be 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 through some interfaces, units or modules, and may be in an electrical 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 integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.
The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present application may be substantially implemented or contributed to by the prior art, or all or part of the technical solution may be embodied in a software product, which is stored in a storage medium and includes 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 method according to the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a removable hard disk, a magnetic or optical disk, and other various media capable of storing program codes.
The foregoing is only a preferred embodiment of the present application and it should be noted that those skilled in the art can make several improvements and modifications without departing from the principle of the present application, and these improvements and modifications should also be considered as the protection scope of the present application.

Claims (10)

1. A position information processing method based on H5 page is characterized in that H5 terminal and Native terminal carry out bidirectional communication based on communication protocol, the method comprises the following steps:
the Native terminal acquires longitude and latitude information of an authorized terminal;
before the H5 end carries out page loading, the Native end transmits the longitude and latitude information to the H5 end in advance, so that the H5 end carries out page data loading based on the position according to the longitude and latitude information.
2. The method of claim 1, wherein the Native terminal transmits the latitude and longitude information to the H5 terminal in advance, and the method comprises the following steps:
the Native terminal injects the longitude and latitude information into a semi-finished product container configuration file;
and the H5 end reads the configuration file of the semi-finished product container to obtain the longitude and latitude information.
3. The method of claim 2, wherein the semi-finished product container profile is a PHA semi-finished product manifest file based on PHA containers, the semi-finished product manifest file not containing venue page data therein;
the H5 end reads the semi-finished product container configuration file to obtain the longitude and latitude information, including:
and the H5 end reads the PHA semi-finished product manifest file through a PHA container JS engine to obtain the longitude and latitude information.
4. The method of claim 3, further comprising:
the H5 terminal requests a network terminal to acquire a finished product container configuration file and page data based on the longitude and latitude information according to the longitude and latitude information;
and carrying out page loading of a multi-tab meeting place based on the finished product container configuration file and the page data.
5. The method of claim 1, wherein the Native terminal transmits the latitude and longitude information to the H5 terminal in advance, and the method comprises the following steps:
the Native terminal assembles the longitude and latitude information in a page URL;
and the H5 terminal analyzes the page URL to obtain the longitude and latitude information.
6. The method of claim 5, wherein the Native side assembles the latitude and longitude information in a page URL, comprising:
and the Native terminal splices longitude and latitude parameters based on the longitude and latitude information in a container entrance link, and splices the longitude and latitude parameters into an H5 page URL through a container parameter transparent transmission module.
7. The method of claim 5 or 6, further comprising:
the H5 terminal requests page data based on longitude and latitude information from a network terminal;
and carrying out page loading based on the page data.
8. An H5 page-based position information processing device, characterized in that an H5 terminal and a Native terminal perform bidirectional communication based on a communication protocol, the device comprises:
the Native terminal is used for obtaining longitude and latitude information of an authorized terminal, and before the H5 terminal carries out page loading, the Native terminal transmits the longitude and latitude information to the H5 terminal in advance, so that the H5 terminal carries out page data loading based on positions according to the longitude and latitude information.
9. A storage medium, in which a computer program is stored, wherein the computer program is arranged to perform the method of any of claims 1 to 7 when executed.
10. An electronic device comprising a memory and a processor, wherein the memory has stored therein a computer program, and wherein the processor is arranged to execute the computer program to perform the method of any of claims 1 to 7.
CN202210100649.5A 2022-01-27 2022-01-27 Position information processing method and device based on H5 page and electronic equipment Active CN114117285B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210100649.5A CN114117285B (en) 2022-01-27 2022-01-27 Position information processing method and device based on H5 page and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210100649.5A CN114117285B (en) 2022-01-27 2022-01-27 Position information processing method and device based on H5 page and electronic equipment

Publications (2)

Publication Number Publication Date
CN114117285A true CN114117285A (en) 2022-03-01
CN114117285B CN114117285B (en) 2022-05-31

Family

ID=80361700

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210100649.5A Active CN114117285B (en) 2022-01-27 2022-01-27 Position information processing method and device based on H5 page and electronic equipment

Country Status (1)

Country Link
CN (1) CN114117285B (en)

Citations (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140101601A1 (en) * 2012-10-09 2014-04-10 Steven Shu Hsiang Tang In-Situ Exploration and Management of Location-based Content on a Map
CN105184161A (en) * 2015-08-11 2015-12-23 清华大学深圳研究生院 Detection method and apparatus for mixed mode mobile application
US20170046134A1 (en) * 2015-08-12 2017-02-16 Oracle International Corporation EFFICIENT STORAGE AND TRANSFER OF iOS BINARY FILES
US20170134471A1 (en) * 2015-11-10 2017-05-11 Genband Us Llc Web-Based Client for Providing Real-Time Communications
CN107480248A (en) * 2017-08-11 2017-12-15 北京安云世纪科技有限公司 Loading method, device and the mobile terminal of geographical location information
CN108153798A (en) * 2016-12-02 2018-06-12 阿里巴巴集团控股有限公司 Page info processing method, apparatus and system
CN108399129A (en) * 2018-02-28 2018-08-14 车智互联(北京)科技有限公司 H5 page method for testing performance
CN109800368A (en) * 2018-12-13 2019-05-24 平安普惠企业管理有限公司 H5 navigation bar push button configuration method, device, computer equipment and storage medium
CN109992956A (en) * 2017-12-29 2019-07-09 华为技术有限公司 The processing method and relevant apparatus of the security strategy of container
CN111310084A (en) * 2018-12-12 2020-06-19 北京嘀嘀无限科技发展有限公司 Page loading method, device and system, user terminal and readable storage medium
CN111782997A (en) * 2020-06-04 2020-10-16 小米数字科技有限公司 Method and device for loading webpage and storage medium
CN111783018A (en) * 2020-07-28 2020-10-16 支付宝(杭州)信息技术有限公司 Page processing method, device and equipment
CN112015495A (en) * 2020-08-28 2020-12-01 平安国际智慧城市科技股份有限公司 Method, device, equipment and medium for mutual calling between Native and H5
CN112035113A (en) * 2020-09-02 2020-12-04 平安普惠企业管理有限公司 Navigation bar loading method, device, equipment and medium of H5 page
CN112035186A (en) * 2020-09-02 2020-12-04 平安普惠企业管理有限公司 Preloading and jumping method, device, equipment and medium of H5 page
CN112083925A (en) * 2020-09-07 2020-12-15 中国平安财产保险股份有限公司 Data acquisition method, device, equipment and storage medium based on H5 page development
CN112333325A (en) * 2019-07-20 2021-02-05 深圳易为控股有限公司 Method for converting longitude and latitude into detailed address and caching
CN112416458A (en) * 2020-11-20 2021-02-26 平安普惠企业管理有限公司 Preloading method and device based on ReactNative, computer equipment and storage medium
CN113392358A (en) * 2021-07-12 2021-09-14 维沃移动通信(杭州)有限公司 Static resource preloading method and device
CN113420243A (en) * 2020-07-01 2021-09-21 阿里巴巴集团控股有限公司 Page processing method and device and electronic equipment
US20210312474A1 (en) * 2019-09-17 2021-10-07 Brightedge Technologies, Inc. Dynamic General Configurability of Web Pages To Optimize Content for Search Performance and User Experiences

Patent Citations (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140101601A1 (en) * 2012-10-09 2014-04-10 Steven Shu Hsiang Tang In-Situ Exploration and Management of Location-based Content on a Map
CN105184161A (en) * 2015-08-11 2015-12-23 清华大学深圳研究生院 Detection method and apparatus for mixed mode mobile application
US20170046134A1 (en) * 2015-08-12 2017-02-16 Oracle International Corporation EFFICIENT STORAGE AND TRANSFER OF iOS BINARY FILES
US20170134471A1 (en) * 2015-11-10 2017-05-11 Genband Us Llc Web-Based Client for Providing Real-Time Communications
CN108153798A (en) * 2016-12-02 2018-06-12 阿里巴巴集团控股有限公司 Page info processing method, apparatus and system
CN107480248A (en) * 2017-08-11 2017-12-15 北京安云世纪科技有限公司 Loading method, device and the mobile terminal of geographical location information
CN109992956A (en) * 2017-12-29 2019-07-09 华为技术有限公司 The processing method and relevant apparatus of the security strategy of container
CN108399129A (en) * 2018-02-28 2018-08-14 车智互联(北京)科技有限公司 H5 page method for testing performance
CN111310084A (en) * 2018-12-12 2020-06-19 北京嘀嘀无限科技发展有限公司 Page loading method, device and system, user terminal and readable storage medium
CN109800368A (en) * 2018-12-13 2019-05-24 平安普惠企业管理有限公司 H5 navigation bar push button configuration method, device, computer equipment and storage medium
CN112333325A (en) * 2019-07-20 2021-02-05 深圳易为控股有限公司 Method for converting longitude and latitude into detailed address and caching
US20210312474A1 (en) * 2019-09-17 2021-10-07 Brightedge Technologies, Inc. Dynamic General Configurability of Web Pages To Optimize Content for Search Performance and User Experiences
CN111782997A (en) * 2020-06-04 2020-10-16 小米数字科技有限公司 Method and device for loading webpage and storage medium
CN113420243A (en) * 2020-07-01 2021-09-21 阿里巴巴集团控股有限公司 Page processing method and device and electronic equipment
CN111783018A (en) * 2020-07-28 2020-10-16 支付宝(杭州)信息技术有限公司 Page processing method, device and equipment
CN112015495A (en) * 2020-08-28 2020-12-01 平安国际智慧城市科技股份有限公司 Method, device, equipment and medium for mutual calling between Native and H5
CN112035113A (en) * 2020-09-02 2020-12-04 平安普惠企业管理有限公司 Navigation bar loading method, device, equipment and medium of H5 page
CN112035186A (en) * 2020-09-02 2020-12-04 平安普惠企业管理有限公司 Preloading and jumping method, device, equipment and medium of H5 page
CN112083925A (en) * 2020-09-07 2020-12-15 中国平安财产保险股份有限公司 Data acquisition method, device, equipment and storage medium based on H5 page development
CN112416458A (en) * 2020-11-20 2021-02-26 平安普惠企业管理有限公司 Preloading method and device based on ReactNative, computer equipment and storage medium
CN113392358A (en) * 2021-07-12 2021-09-14 维沃移动通信(杭州)有限公司 Static resource preloading method and device

Non-Patent Citations (8)

* Cited by examiner, † Cited by third party
Title
DAVID LIVSHITS ET AL.: "Towards Security of Native DRM Execution in HTML5", 《 2015 IEEE INTERNATIONAL SYMPOSIUM ON MULTIMEDIA (ISM)》 *
DAVID LIVSHITS ET AL.: "Towards Security of Native DRM Execution in HTML5", 《 2015 IEEE INTERNATIONAL SYMPOSIUM ON MULTIMEDIA (ISM)》, 28 March 2016 (2016-03-28), pages 411 - 416 *
LUCRENAMBOT ET AL.: "SAGE2: A collaboration portal for scalable resolution displays", 《FUTURE GENERATION COMPUTER SYSTEMS》, 31 January 2016 (2016-01-31), pages 296 - 305 *
李峰等: "基于地理位置信息的安卓购物***设计", 《计算机技术与发展》, no. 07, 28 April 2017 (2017-04-28), pages 170 - 173 *
***等: "HTML5技术在气象服务信息多终端展示方面的应用", 《气象科技进展》, no. 01, 15 February 2017 (2017-02-15), pages 175 - 187 *
杜燕忍等: "基于Lizard框架Ctrip Wireless H5数据存储方式的优化", 《微型机与应用》 *
杜燕忍等: "基于Lizard框架Ctrip Wireless H5数据存储方式的优化", 《微型机与应用》, vol. 35, no. 11, 12 June 2016 (2016-06-12), pages 14 - 17 *
赵朋: "基于HTML5的移动考勤App开发", 《科技创新导报》, 31 March 2019 (2019-03-31), pages 4 - 5 *

Also Published As

Publication number Publication date
CN114117285B (en) 2022-05-31

Similar Documents

Publication Publication Date Title
CN104765617B (en) Based on the HTML5 stream application functional interface distribution method realized and system
US8392832B2 (en) Display placeholders for rich media content
US9497260B2 (en) Communication between two web applications
US8856287B2 (en) Service personalization in a terminal device
US20140110473A1 (en) Method and system for cross-terminal cloud browsing
CN107168960B (en) Service execution method and device
US10911565B2 (en) Method, device and system for associating a service account
CN111580879A (en) Applet running method and device, electronic equipment and computer storage medium
CN103268319A (en) Cloud browser based on webpages
WO2022144016A1 (en) Application program control method and apparatus, electronic device, and storage medium
CN104965848A (en) Front-end resource loading method and apparatus
CN107995245B (en) A kind of method and terminal of resource-sharing
US20140258891A1 (en) Electronic device, storage medium and method for processing information
CN104363507A (en) Video and audio recording and sharing method and system based on OTT set-top box
CN102246212B (en) Sharing access for clients
CN102137287B (en) Television system capable of providing three-screen seamless fusion service
CN102158852A (en) Terminal as well as method and system for storing terminal data
KR20180057619A (en) A notification method for performing push notification to the portable terminal and a notification server
CN114117285B (en) Position information processing method and device based on H5 page and electronic equipment
US20140380148A1 (en) Providing aggregated data to page generation code for network page generation
CN115794095B (en) JavaScript-based illusion engine UI development method and system
EP2291779A1 (en) Method of generating a document from a web server located in a portable electronic device
CN111782997A (en) Method and device for loading webpage and storage medium
CN114039754B (en) Security verification method and device
CN114339628B (en) 5G rich media message sending method, equipment, storage medium and product

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