CN111104632A

CN111104632A - Interaction mechanism of mobile terminal and JS code

Info

Publication number: CN111104632A
Application number: CN201911239278.3A
Authority: CN
Inventors: 李俊
Original assignee: Unicloud Nanjing Digital Technology Co Ltd
Current assignee: Unicloud Nanjing Digital Technology Co Ltd
Priority date: 2019-12-06
Filing date: 2019-12-06
Publication date: 2020-05-05

Abstract

The invention discloses an interaction mechanism of a mobile terminal and JS codes, based on a DSbridge framework, the mobile terminal and a corresponding JS developer negotiate an interaction method and an analysis scheme corresponding to the interaction method; and when the mobile terminal loads the JS webpage, the loaded JS webpage automatically calls the interaction method.

Description

Interaction mechanism of mobile terminal and JS code

Technical Field

The invention relates to the field of application of a mobile terminal, in particular to an interaction mechanism of the mobile terminal and a JS code.

Background

With the advent of the mobile internet era, the functional coverage required by mobile-end applications is becoming more widespread in such large environments. In this case, for all functions, development of native (mobile terminal native is classified into IOS, android, and the like) is required, and a large amount of manpower and material resources are required to be input. But the user experience is degraded if developed entirely using a cross-platform language. For the situation, we need to choose and trade, write some needed updates (such as an advertisement function and a lottery function) with JS codes, and conveniently perform quick update iteration. Then as the function of the mobile terminal matures, the JS code often needs data in the native code, at this time we need to interact with the JS.

In the prior art, an interaction method name and related parameters are jointly agreed by a native code developer and a JS developer, the method name is written into codes of both parties, and the DSbridge monitors the method. And when the primary application calls the JS code method, monitoring the JS code, and delivering the corresponding method and the corresponding parameters to the JS code to realize the corresponding function.

Relative hysteresis is caused because the relevant agreed-upon code is written into the native code, once the JS code is modified, for example, the modified agreed-upon method name or parameters are increased. Native mobile applications are not aware, however, leading to failure of the method.

Disclosure of Invention

In view of this, the present invention provides an interaction mechanism between a mobile terminal and JS codes, which is used to solve the problem that a native mobile application cannot sense the JS codes in the prior art when the JS codes are modified.

In order to achieve the purpose, the invention provides an interaction mechanism of a mobile terminal and JS codes, wherein the mobile terminal and a corresponding JS developer negotiate an interaction method and an analysis scheme corresponding to the interaction method; and when the mobile terminal loads the JS webpage, the loaded JS webpage automatically calls the interaction method.

Optionally, the native application of the mobile terminal monitors the interaction method, and performs data analysis.

Optionally, the interactive method is obtained by using an API request, and data analysis is performed.

Optionally, the mobile terminal performs corresponding interface setting according to the data obtained by the analysis, and binds the data obtained by the analysis with the interface control.

Optionally, the interface control is clicked to acquire the data bound with the interface control, the data is transmitted to the JS interface, and the JS interface performs corresponding setting.

Optionally, the interaction method includes a fixed data structure and a varying data content.

Optionally, the changed data content includes a method name and corresponding parameters

Compared with the prior art, the technical scheme of the invention has the following advantages: the invention can keep the synchronism with the JS code in real time, is compatible with different versions of the application of the mobile terminal, ensures the effectiveness of the JS and the native interaction, and achieves the purposes of saving the labor cost and dynamically and efficiently realizing the rapid iteration. The invention can dynamically encapsulate the method for the native application of the mobile terminal and the mutual calling of the JS interface on the basis of the DSbridge framework, thereby ensuring the real-time effectiveness of the method. The native control can be dynamically distributed according to the interactive data, flexibly bound and called the JS newest method in real time, so that better compatibility is achieved.

Drawings

FIG. 1 is a flow chart of an interaction mechanism of a mobile terminal and a JS code in the invention;

Detailed Description

Preferred embodiments of the present invention will be described in detail below with reference to the accompanying drawings, but the present invention is not limited to only these embodiments. The invention is intended to cover alternatives, modifications, equivalents and alternatives which may be included within the spirit and scope of the invention.

In the following description of the preferred embodiments of the present invention, specific details are set forth in order to provide a thorough understanding of the present invention, and it will be apparent to those skilled in the art that the present invention may be practiced without these specific details.

The invention is described in more detail in the following paragraphs by way of example with reference to the accompanying drawings. It should be noted that the drawings are in simplified form and are not to precise scale, which is only used for convenience and clarity to assist in describing the embodiments of the present invention.

Referring to fig. 1, a flow chart of an interaction mechanism between a mobile terminal and a JS code of the present invention is illustrated, and the method includes the following steps:

s01: the APP front end and JS end research and development personnel negotiate an interaction method and an analysis scheme, and the interaction method comprises a method name and a data structure.

S02: loading a JS webpage at the APP front end; after the loading is successful, the step S03 is performed; otherwise, the procedure is ended.

S03: the loaded JS webpage automatically calls the interaction method in step S01; after the calling is successful, the step S04 is carried out; otherwise, the procedure is ended.

S04: and the APP front end monitors a corresponding interaction method and performs data analysis.

S05: the APP performs interface setting according to the data parsed in step S04, and binds the interface control and the parsed data.

S06: and (4) operating the APP front end, clicking the interface control generated in the step S05, transmitting the data obtained by analyzing in the step S04 to the JS interface, and calling a corresponding method by the JS webpage to perform related operation.

In the interaction mechanism, the interaction method negotiated in the scheme can be obtained by using an API request mode, and interface layout and binding of corresponding click events are carried out.

Although the embodiments have been described and illustrated separately, it will be apparent to those skilled in the art that some common techniques may be substituted and integrated between the embodiments, and reference may be made to one of the embodiments not explicitly described, or to another embodiment described.

The above-described embodiments do not limit the scope of the present invention. Any modification, equivalent replacement, and improvement made within the spirit and principle of the above-described embodiments should be included in the protection scope of the technical solution.

Claims

1. An interaction mechanism of a mobile terminal and JS codes is based on a DSbridge framework, and is characterized in that: the mobile terminal negotiates an interaction method and an analysis scheme corresponding to the interaction method with a corresponding JS developer; and when the mobile terminal loads the JS webpage, the loaded JS webpage automatically calls the interaction method.

2. The interaction mechanism between the mover and the JS code according to claim 1, characterized in that: and the native application of the mobile terminal monitors the interaction method and analyzes data.

3. The interaction mechanism between the mover and the JS code according to claim 1, characterized in that: and acquiring the interaction method by using an API request mode, and analyzing data.

4. The interaction mechanism between the mover and the JS code according to claim 2, characterized in that: and the mobile terminal performs corresponding interface setting according to the data obtained by analysis and binds the data obtained by analysis with the interface control.

5. The interaction mechanism between the mover and the JS code according to claim 4, wherein: and clicking the interface control to acquire the data bound with the interface control, transmitting the data to the JS interface, and correspondingly setting the JS interface.

6. The interaction mechanism of the mobile terminal and the JS code according to any one of claims 1-5, wherein: the interactive method includes a fixed data structure and varying data content.

7. The interaction mechanism between the mover and the JS code according to claim 6, wherein: the changed data content includes a method name and corresponding parameters.