WO2019153492A1

WO2019153492A1 - Method for realizing web and native function interaction, and electronic apparatus and readable storage medium

Info

Publication number: WO2019153492A1
Application number: PCT/CN2018/083077
Authority: WO
Inventors: 杨帅
Original assignee: 平安科技（深圳）有限公司
Priority date: 2018-02-07
Filing date: 2018-04-13
Publication date: 2019-08-15
Also published as: CN108363588B; CN108363588A

Abstract

Disclosed are a method for realizing web and native function interaction, and an electronic apparatus and a readable storage medium, belonging to the technical field of computers. The method for realizing web and native function interaction, with a native function comprising page calling and interface calling, comprises the following steps: S1, receiving a webpage address sent by a Web browser, and according to a pre-set parsing rule, parsing the webpage address to generate an object or API interface; S2, determining whether the webpage address includes a parameter value, and if so, executing step S3, otherwise, executing step S4; S3, transmitting the parameter value to the object or API interface, so as to generate a corresponding page; and S4, acquiring a default parameter value of the object or API interface, so as to generate the corresponding page. In the present application, a webpage address is converted into a corresponding object or API interface by means of a pre-set parsing rule, such that an App and Web can use the same set of calling standards to call the same native function, simplifying a calling mode and facilitating maintenance.

Description

Method, electronic device and readable storage medium for realizing interaction between web and native functions

The present application claims priority to Chinese Patent Application No. 201101127625.2, entitled "Implementation of Web and Native Functional Interaction, Electronic Devices, and Readable Storage Media", filed on February 7, 2018, the priority of the Chinese Patent Application The entire content is incorporated herein by reference.

Technical field

The present application relates to the field of computer technology, and relates to a method, an electronic device, and a readable storage medium for implementing interaction between a web and a native function.

Background technique

Since the mobile APP (that is, the application software on the mobile terminal) is to distinguish the devices such as android and ios, the security restrictions and the communication method standards are different, and then the native function modules developed by sdk are in accordance with the conventions of the respective iOS/Android systems. The method is called by the outside world or invoked by itself. Too many methods are not standardized and are not easy to maintain.

In addition, the external App and the web call the same native function module need to use two ways, resulting in redundancy.

Summary of the invention

The technical problem to be solved by the present application is to overcome the shortcomings of the prior art that the App and the Web require two sets of calling modes to invoke the same native function, and propose a method, an electronic device and a readable storage medium for realizing interaction between the web and the native function. By adding the middle layer, the App and the Web use the same native function in a set call mode.

The present application solves the above technical problems by the following technical solutions:

A method of implementing web interaction with native functions, the native functions including page calls and interface calls, including the following steps:

S1: receiving a webpage address sent by the web browser, and parsing the webpage address to generate an object or an API interface according to a preset parsing rule;

S2, determining whether the webpage address contains a parameter value, if it is step S3, if not step S4;

S3. Pass the parameter value to the object or the API interface to generate a corresponding page.

S4. Obtain a default parameter value of the object or the API interface, and generate a corresponding page.

An electronic device includes a memory and a processor, wherein the memory stores a system executable by the processor to implement interaction between a web and a native function, and the system for implementing interaction between the web and the native function comprises:

The receiving parsing module is configured to receive a webpage address sent by the web browser, and parse the webpage address to generate an object or an API interface according to a preset parsing rule;

a determining module, configured to determine whether a parameter value is included in the webpage address;

a value passing module, configured to pass the parameter value included in the webpage address to the generated object or API interface;

A webpage generating module for generating a corresponding webpage.

A computer readable storage medium, wherein the computer readable storage medium stores a system for implementing interaction between a web and a native function, and the system for implementing interaction between the web and the native function is executable by at least one processor, To achieve the following steps:

The positive progress of the application is that the present application converts the webpage address into a corresponding object or API interface by using a preset parsing rule, so that the App and the web can use the same set of calling standards to call the same native function, simplifying the calling method. Easy to maintain, extending the range of native features of the web call.

DRAWINGS

1 is a schematic diagram showing the hardware architecture of an embodiment of an electronic device of the present application;

2 is a schematic diagram of a program module of a first embodiment of a system for implementing web and native function interaction in an electronic device of the present application;

3 is a schematic diagram of a program module of a second embodiment of a system for implementing web and native function interaction in an electronic device of the present application;

4 is a flowchart of Embodiment 1 of a method for implementing interaction between a web and a native function according to the present application;

FIG. 5 is a flow chart showing the registration of a page calling function in the second embodiment of the method for implementing interaction between a web and a native function;

6 is a flowchart of address translation when a page is invoked in Embodiment 3 of the method for implementing interaction between a web and a native function according to the present application;

FIG. 7 is a flowchart of registering an interface call function of a method for implementing interaction between a web and a native function according to the present application; FIG.

FIG. 8 is a flow chart showing the address translation when the interface is invoked in the fifth embodiment of the method for implementing interaction between the web and the native function.

Detailed ways

The present application is further illustrated by the following examples, but is not intended to limit the scope of the embodiments.

First of all, the present application proposes an electronic device.

1 is a schematic diagram of a hardware architecture of an embodiment of an electronic device of the present application. In the present embodiment, the electronic device 2 is an apparatus capable of automatically performing numerical calculation and/or information processing in accordance with an instruction set or stored in advance. For example, it can be a smartphone, a tablet, a laptop, a desktop computer, a rack server, a blade server, a tower server, or a rack server (including a stand-alone server, or a server cluster composed of multiple servers). As shown, the electronic device 2 includes at least, but not limited to, a memory 21, a processor 22, a network interface 23, and a system 20 that enables web interaction with native functions via a system bus. among them:

The memory 21 includes at least one type of computer readable storage medium including a flash memory, a hard disk, a multimedia card, a card type memory (eg, SD or DX memory, etc.), a random access memory (RAM), Static Random Access Memory (SRAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), Programmable Read Only Memory (PROM), magnetic memory, magnetic disk, optical disk, and the like. In some embodiments, the memory 21 may be an internal storage unit of the electronic device 2, such as a hard disk or a memory of the electronic device 2. In other embodiments, the memory 21 may also be an external storage device of the electronic device 2, such as a plug-in hard disk equipped on the electronic device 2, a smart memory card (SMC), and a secure digital device. (Secure Digital, SD) card, flash card, etc. Of course, the memory 21 can also include both the internal storage unit of the electronic device 2 and its external storage device. In this embodiment, the memory 21 is generally used to store an operating system installed in the electronic device 2 and various types of application software, such as the program code of the system 20 that implements the interaction between the web and the native function. Further, the memory 21 can also be used to temporarily store various types of data that have been output or are to be output.

The processor 22 may be a Central Processing Unit (CPU), controller, microcontroller, microprocessor, or other data processing chip in some embodiments. The processor 22 is typically used to control the overall operation of the electronic device 2, such as performing control and processing associated with data interaction or communication with the electronic device 2. In this embodiment, the processor 22 is configured to run program code or process data stored in the memory 21, such as running the system 20 for implementing web and native function interaction.

The network interface 23 may comprise a wireless network interface or a wired network interface, which is typically used to establish a communication connection between the electronic device 2 and other electronic devices. For example, the network interface 23 is configured to connect the electronic device 2 to an external terminal through a network, establish a data transmission channel, a communication connection, and the like between the electronic device 2 and an external terminal. The network may be an intranet, an Internet, a Global System of Mobile communication (GSM), a Wideband Code Division Multiple Access (WCDMA), a 4G network, or a 5G network. Wireless or wired networks such as network, Bluetooth, Wi-Fi, etc.

It is pointed out that FIG. 1 only shows the electronic device 2 with the components 21-23, but it should be understood that not all illustrated components are required to be implemented, and more or fewer components may be implemented instead.

In this embodiment, the system 20 that interacts with the native function stored in the memory 21 can be divided into one or more program modules, and the one or more program modules are stored in the memory 21, and It can be performed by one or more processors (the processor 22 in this embodiment) to complete the application.

For example, FIG. 2 shows a schematic diagram of a program module of the first embodiment of the system 20 for implementing interaction between a web and a native function. In this embodiment, the system 20 for implementing web interaction with a native function may be partitioned into a receiving parsing module. 201. The determining module 202, the value transmitting module 203, and the webpage generating module 204. Wherein, the program module referred to in the present application refers to a series of computer program instruction segments capable of performing a specific function. The following description will specifically describe the specific functions of the program modules 201-204.

The receiving parsing module 201 is configured to receive a webpage address sent by a web browser, and parse the webpage address into an object or an API interface according to a preset parsing rule;

The preset parsing rule refers to a correspondence table corresponding to an object or an API interface, and after receiving the webpage address, the corresponding object or API interface can be obtained from the corresponding table. Of course, this is not limited to the form of the corresponding table.

The determining module 202 is configured to determine whether a parameter value is included in a webpage address;

The value passing module 203 is configured to pass the parameter value included in the webpage address to the generated object or API interface;

The webpage generating module 204 is configured to generate a corresponding webpage.

The system is applicable to the direct invocation of the page, and is also applicable to the interface call, and then opens the corresponding page through the interface, where the page and the interface are pre-packaged. This system is equivalent to adding an intermediate layer between the web browser and the called page or interface, which is mainly used for address conversion.

The following is an example of the operator using the system as an example:

1. The operator inputs the webpage address in the address bar of the web browser, and the web browser sends the webpage address to the system, and the system parses the webpage address according to the preset parsing rule to generate an object or an API interface.

2. Determine whether the webpage address contains the parameter value; if there is, it needs to pass the parameter to the corresponding object or API interface; if not, the default parameter is directly used without the step of transmitting the parameter.

3. If the generated object is an object, the webpage having the corresponding function is directly produced, for example, the chat page is directly opened, and the page is fixed; if the API interface is generated, the relative page is opened by the interface, for example, The interface opens its corresponding weather forecast page, which is changeable.

For another example, FIG. 3 shows a schematic diagram of a program module of the second embodiment of the system 20 for implementing interaction between the web and the native function. In this embodiment, the system 20 for implementing web interaction with the native function can also be divided into receiving. The parsing module 201, the judging module 202, the value transmitting module 203, the webpage generating module 204, the encapsulating module 205, the calling address generating module 206, the address converting module 207, and the mapping module 208.

The modules 201-204 are the same as the first embodiment, and are not described herein again.

The encapsulating module 205 is configured to encapsulate a page corresponding to the page call into an object, and encapsulate the interface corresponding to the interface call as an API interface;

The call address generation module 206 is configured to generate an object call address corresponding to the object according to a preset protocol, where the object call address includes an instruction type, a class, and a default parameter value, and generates and coordinates according to a preset protocol. The corresponding interface call address of the API interface, where the interface call address includes an instruction type, a method, and a default parameter value;

The protocol refers to a rule for converting a packaged object or an API interface into a corresponding object call address or an interface call address; taking an object as an example, the object call address includes an instruction type, a class, and a default parameter value, and the encapsulated object First convert to a string, the string includes the instruction type and class, set the instruction type and the starting position of the string of the class, and add the string of the specific position to the corresponding position in the object call address by Generate a specific object call address.

The address conversion module 207 is configured to convert the object call address and the interface call address into a corresponding webpage address according to a preset URL conversion rule;

The preset URL conversion rule refers to a correspondence table corresponding to a preset call address and a webpage address. After receiving the call address, the corresponding webpage address is obtained from the correspondence table. Of course, this is not limited to the form of the corresponding table.

The mapping module 208 is configured to map a class included in the object call address to a webpage address converted by the object call address, form a class-web address mapping relationship, and save the mapping relationship to a class-page address. Mapping the table, and mapping the method included in the interface call address to the webpage address converted by the interface call address, and saving to the memory.

Compared with the first embodiment, several modules used in the registration of the system (intermediate layer) by the page and the interface are added in this embodiment.

The following is a detailed description of the registration of the page in this system:

1. The chat page is first packaged into the object ChatVideoViewController and loaded into the system.

2. Generate an object call address corresponding to the object ChatVideoViewController according to a preset protocol (protocol type:://instruction type/instruction?parameter 1=value 1&parameter 2=value 2;), for example: local://view/ VideoChat? callNum=parameter &groupCode=parameter, where local://view/ indicates the page or value type, view is specific to the instruction type, VideoChat is specific to the class, and the object call address contains two parameters callNum and groupCode, which can be assigned to this when converting. The default parameter value corresponding to the two parameters.

3. Then, the object calling address in the above step 2 is converted into a webpage address according to a preset URL conversion rule, so that the web can be called, for example, converted to https://www.baidu.com/s? Ie=utf-8.

4, form a class-web address mapping table, the class VideoChat and the web address https://www.baidu.com/s? Ie=utf-8 maps and saves the mapping to the mapping table.

Assuming that the interface is registered in the system, step 4 is different. The method is mapped to the web page address and saved directly to the system memory. There is no mapping table.

Secondly, the present application proposes a method for implementing interaction between a web and a native function, where the native function may be a page calling function or an interface calling function.

In the first embodiment, as shown in FIG. 4, the method for implementing interaction between the web and the native function includes the following steps:

S3. Pass the parameter value to the object or the API interface (passing the step) to generate a corresponding page.

S4. Obtain a default parameter value of the object or the API interface (steps are not passed), and generate a corresponding page.

The following is an example of opening a chat page through a web page:

1. Receive the web address sent by the web browser https://www.baidu.com/s? Ie=utf-8, parsing the generated object ChatVideoViewController according to the preset parsing rules.

2. Determine whether there is a parameter value, the parameter value in the webpage address is utf-8, and the parameter value is transmitted to the generated object to generate a corresponding function (that is, the parameter value replaces the default parameter value), that is, the corresponding page is opened, if If there is no parameter value, the default parameter value is directly obtained to generate the corresponding function, and there is no step of passing the parameter.

Assume that the interface is called, then the interface call method (hereinafter referred to as the method) is generated in step 1. The method directly calls an interface, and then the corresponding page needs to be opened through the interface. The page can be dynamic. .

In the second embodiment, based on the first embodiment, as shown in FIG. 5, when the native function is called by the page, the following steps are also included before the step S1:

S011, encapsulating the page corresponding to the page call into an object, and generating a corresponding object calling address according to a preset protocol, where the object calling address includes an instruction type, a class, and a default parameter value;

S012. Convert the object call address to a webpage address according to a preset URL conversion rule.

S013: Mapping a class included in the object call address to a webpage address converted by the object call address, forming a class-web address mapping relationship, and saving the mapping relationship to the class-web address mapping table.

The webpage address includes a parameter name, and the parameter name corresponds to a class included in the object; the parameter name is followed by a parameter value or no parameter value; in the step S2, by identifying the webpage address The parameter name is used to get the parameter value following the parameter name.

The following is a specific example of registration on the chat page:

1. Before the website is converted, the chat page is first encapsulated, and the chat page is encapsulated into the object ChatVideoViewController, and the corresponding object call address local://view/VideoChat is generated according to a preset protocol. callNum=parameter &groupCode=parameter.

2. Convert the object call address into a web address https://www.baidu.com/s according to the preset URL conversion rule. Ie=utf-8, where ie is the parameter name, the parameter name ie corresponds to the class (name) ChatVideo in the object ChatVideoViewController, and the utf-8 after the parameter name ie is the specific parameter value.

3. Map the class (name) VideoChat to the web address https://www.baidu.com/s? Ie=utf-8, and save this class-web address mapping relationship to the class-page address mapping table.

If the interface is registered, it is encapsulated as an API interface.

In the third embodiment, based on the second embodiment, as shown in FIG. 6, step S1 specifically includes the following sub-steps:

S111. Receive a webpage address sent by a web browser.

S112. Find a class corresponding to the received webpage address from the class-webpage address mapping table.

S113. Generate an object call address that includes the class.

S114. Dynamically generate a corresponding object according to the object calling address.

Connect the above example and give specific instructions on this step:

1. Receive the web address sent by the web browser https://www.baidu.com/s? Ie=utf-8.

2. Find the class corresponding to the webpage address from the class-page address mapping table as VideoChat.

3, generate object call address local://view/VideoChat? callNum=parameter &groupCode=parameter.

4. Dynamically generate the corresponding object ChatVideoViewController.

In the fourth embodiment, based on the first embodiment, as shown in FIG. 7, when the native function is called by the interface, before step S1, the method further includes:

S021. Encapsulate an interface corresponding to the interface call as an API interface, and generate a corresponding interface call address according to a preset protocol, where the interface call address includes an instruction type, a method, and a default parameter value;

S022. Convert the interface call address to a webpage address according to a preset URL conversion rule.

S023: Map a method included in the interface call address to a webpage address converted by the interface call address, and save the file to an internal memory.

The webpage address includes a parameter name, and the parameter name corresponds to a method included in the API interface; the parameter name is followed by a parameter value or no parameter value; in the step S2, by identifying the webpage address The parameter name is used to get the parameter value following the parameter name. Similar to page calls.

The difference between the interface call and the page call in this embodiment is that the instruction in the interface call address is a method, and the instruction in the object call address is a class; the interface calls the address and the method maps to the address conversion by the interface call. The resulting web page address is saved directly to memory and there is no mapping table as described in the web page call.

In the fifth embodiment, based on the fourth embodiment, as shown in FIG. 8, step S1 includes the following sub-steps:

S121. Receive a webpage address sent by a web browser.

S122. Find a method corresponding to the received webpage address from the memory;

S123. Generate an interface call address that includes the method.

S124. Find a corresponding API interface according to the interface call address.

The difference between this embodiment and the third embodiment is that the API interface finally found needs to be further removed from the interface through the interface. The advantage is that the page opened through the interface can be a dynamic page; and the direct solution found in the third embodiment is directly The page can be opened as long as the page is open, but the page is usually fixed.

Moreover, the present application is a computer readable storage medium having stored therein a system 20 that implements web-to-native function interaction, the system 20 that implements web interaction with native functions can be executed by one or more processors In the above, the method or the operation of the electronic device that implements the interaction between the web and the native function is implemented.

While the embodiments of the present invention have been described above, it will be understood by those skilled in the art that the scope of the invention is defined by the appended claims. A person skilled in the art can make various changes or modifications to these embodiments without departing from the spirit and scope of the present application, and such changes and modifications fall within the scope of the present application.

Claims

A method for implementing interaction between a web and a native function, the native function comprising a page call and an interface call, characterized in that the method comprises the following steps:

S1: receiving a webpage address sent by the web browser, and parsing the webpage address to generate an object or an API interface according to a preset parsing rule;

S2, determining whether the webpage address contains a parameter value, if it is step S3, if not step S4;

S3. Pass the parameter value to the object or the API interface to generate a corresponding page.

S4. Obtain a default parameter value of the object or the API interface, and generate a corresponding page.
The method for implementing interaction between a web and a native function according to claim 1, wherein when the native function is a page call, before step S1, the method further includes:

S011, encapsulating the page corresponding to the page call into an object, and generating a corresponding object calling address according to a preset protocol, where the object calling address includes an instruction type, a class, and a default parameter value;

S012. Convert the object call address to a webpage address according to a preset URL conversion rule.

S013: Mapping a class included in the object call address to a webpage address converted by the object call address, forming a class-web address mapping relationship, and saving the mapping relationship to the class-web address mapping table.
The method for implementing interaction between a web and a native function according to claim 2, wherein the step S1 comprises the following substeps:

S111. Receive a webpage address sent by a web browser.

S112. Find a class corresponding to the received webpage address from the class-webpage address mapping table.

S113. Generate an object call address that includes the class.

S114. Dynamically generate a corresponding object according to the object calling address.
The method for implementing interaction between a web and a native function according to claim 2, wherein the webpage address includes a parameter name, and the parameter name corresponds to a class included in the object; The value or the parameter value is not included; in the step S2, the parameter value following the parameter name is obtained by identifying the parameter name in the webpage address.
The method for implementing interaction between a web and a native function according to claim 1, wherein when the native function is an interface call, before step S1, the method further includes:

S021. Encapsulate an interface corresponding to the interface call as an API interface, and generate a corresponding interface call address according to a preset protocol, where the interface call address includes an instruction type, a method, and a default parameter value;

S022. Convert the interface call address to a webpage address according to a preset URL conversion rule.

S023: Map a method included in the interface call address to a webpage address converted by the interface call address, and save the file to an internal memory.
The method for implementing web interaction with a native function according to claim 5, wherein the step S1 comprises the following substeps:

S121. Receive a webpage address sent by a web browser.

S122. Find a method corresponding to the received webpage address from the memory;

S123. Generate an interface call address that includes the method.

S124. Find a corresponding API interface according to the interface call address.
The method for implementing interaction between a web and a native function according to claim 5, wherein the webpage address includes a parameter name, and the parameter name corresponds to a method included in an API interface; The parameter value or no parameter value; in the step S2, the parameter value following the parameter name is obtained by identifying the parameter name in the webpage address.
An electronic device includes a memory and a processor, wherein the memory stores a system executable by the processor to implement interaction between a web and a native function, and the system for implementing interaction between the web and the native function includes:

The receiving parsing module is configured to receive a webpage address sent by the web browser, and parse the webpage address to generate an object or an API interface according to a preset parsing rule;

a determining module, configured to determine whether a parameter value is included in the webpage address;

a value passing module, configured to pass the parameter value included in the webpage address to the generated object or API interface;

A webpage generating module for generating a corresponding webpage.
The electronic device according to claim 8, wherein the system for implementing interaction between the web and the native function further comprises:

a package module, configured to encapsulate a page corresponding to the page call into an object, and encapsulate the interface corresponding to the interface call as an API interface;

Calling an address generation module, configured to generate an object call address corresponding to the object according to a preset protocol, where the object call address includes an instruction type, a class, and a default parameter value, and generate an interface with the API according to a preset protocol. The corresponding interface calls an address, and the interface call address includes an instruction type, a method, and a default parameter value;

An address conversion module, configured to convert the object call address and the interface call address into a corresponding webpage address according to a preset URL conversion rule;

a mapping module, configured to map a class included in the object call address to a webpage address converted by the object call address, form a class-web address mapping relationship, and save the mapping relationship into a class-web address mapping table. And mapping the method included in the interface call address to the webpage address converted by the interface call address, and saving to the memory.
A computer readable storage medium, wherein the computer readable storage medium stores a system for implementing interaction between a web and a native function, and the system for implementing interaction between the web and the native function is executable by at least one processor, To achieve the following steps:

S1: receiving a webpage address sent by the web browser, and parsing the webpage address to generate an object or an API interface according to a preset parsing rule;

S2, determining whether the webpage address contains a parameter value, if it is step S3, if not step S4;

S3. Pass the parameter value to the object or the API interface to generate a corresponding page.

S4. Obtain a default parameter value of the object or the API interface, and generate a corresponding page.
The computer readable storage medium according to claim 10, wherein when the native function is a page call, before step S1, the method further comprises:

S011, encapsulating the page corresponding to the page call into an object, and generating a corresponding object calling address according to a preset protocol, where the object calling address includes an instruction type, a class, and a default parameter value;

S012. Convert the object call address to a webpage address according to a preset URL conversion rule.

S013: Mapping a class included in the object call address to a webpage address converted by the object call address, forming a class-web address mapping relationship, and saving the mapping relationship to the class-web address mapping table.
The computer readable storage medium of claim 11 wherein step S1 comprises the following substeps:

S111. Receive a webpage address sent by a web browser.

S112. Find a class corresponding to the received webpage address from the class-webpage address mapping table.

S113. Generate an object call address that includes the class.

S114. Dynamically generate a corresponding object according to the object calling address.
The computer readable storage medium according to claim 11, wherein the webpage address includes a parameter name, the parameter name corresponding to a class included in the object; the parameter name is followed by a parameter value or not With the parameter value; in the step S2, the parameter value following the parameter name is obtained by identifying the parameter name in the webpage address.
The computer readable storage medium according to claim 10, wherein when the native function is an interface call, before step S1, the method further comprises:

S021. Encapsulate an interface corresponding to the interface call as an API interface, and generate a corresponding interface call address according to a preset protocol, where the interface call address includes an instruction type, a method, and a default parameter value;

S022. Convert the interface call address to a webpage address according to a preset URL conversion rule.

S023: Map a method included in the interface call address to a webpage address converted by the interface call address, and save the file to an internal memory.
The computer readable storage medium of claim 14, wherein step S1 comprises the following substeps:

S121. Receive a webpage address sent by a web browser.

S122. Find a method corresponding to the received webpage address from the memory;

S123. Generate an interface call address that includes the method.

S124. Find a corresponding API interface according to the interface call address.
The computer readable storage medium according to claim 14, wherein the webpage address includes a parameter name, the parameter name corresponding to a method included in an API interface; the parameter name is followed by a parameter value or Without the parameter value; in the step S2, the parameter value following the parameter name is obtained by identifying the parameter name in the webpage address.