WO2020238277A1 - 基于h5接入方式的接入方法及其接入组件和移动终端 - Google Patents

基于h5接入方式的接入方法及其接入组件和移动终端 Download PDF

Info

Publication number
WO2020238277A1
WO2020238277A1 PCT/CN2020/073725 CN2020073725W WO2020238277A1 WO 2020238277 A1 WO2020238277 A1 WO 2020238277A1 CN 2020073725 W CN2020073725 W CN 2020073725W WO 2020238277 A1 WO2020238277 A1 WO 2020238277A1
Authority
WO
WIPO (PCT)
Prior art keywords
software development
development kit
javascript
java
module
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.)
Ceased
Application number
PCT/CN2020/073725
Other languages
English (en)
French (fr)
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.)
China Unionpay Co Ltd
Original Assignee
China Unionpay 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 China Unionpay Co Ltd filed Critical China Unionpay Co Ltd
Publication of WO2020238277A1 publication Critical patent/WO2020238277A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code

Definitions

  • the present invention relates to mobile Internet technology, in particular to an access component based on the H5 access mode, an access method based on the H5 access mode, and a mobile terminal containing the access component.
  • Mobile phone controls (the so-called controls are also called components or components, which are reusable functional modules) are provided to third-party native App integration in the form of mobile phone App SDK.
  • Figure 1 shows various front-end frameworks for accessing mobile phone controls in the prior art.
  • the front-end frameworks of customers are not the same. There are not only Web App, Hybrid App, React Native, and Flutter. Among them, there are more than a dozen mainstream H5 front-end UI frameworks. Figure 1 only shows Some of them, such as Ionic, Angular, Vue, React Native, jQuery, Flutter, Cordova, etc.
  • apps can evoke mobile payment controls from the H5 page and complete payment in the payment controls.
  • Fig. 2 shows a schematic diagram of the H5 page wake-up payment control in the prior art.
  • the H5 page cannot receive the notification of the return message from the control, and the user experience is poor
  • the present invention aims to propose an H5 technology-based access component and an H5 technology-based access method that can support different front-end frameworks.
  • the present invention aims to provide an H5 technology-based access component and an H5 technology-based access method that can receive feedback information from the H5 page after waking up the H5 page.
  • the present invention aims to provide an access component based on H5 technology and an access method based on H5 technology that can facilitate App (hereinafter also referred to as application module) to customize pages.
  • a mobile terminal includes: an application module and an access component, characterized in that:
  • the access component includes:
  • the H5 page guidance module uses the access to the H5 page to implement the call of the access component by the application module;
  • JavaScript software development kits respectively, carry out data communication with the H5 page guidance module and the following Java software development kits to realize the conversion between JavaScript and Java code;
  • Java software development kit which provides interfaces for Java
  • the service module performs data communication with the Java software development kit and realizes the service of the specified function.
  • the access component is implemented based on the Hybrid framework, that is, the access component uses a hierarchical design, adopts the decorator mode, and packs new functions on the original component without modifying the original component code, and extends the JS layer And H5 layer, so as to realize the new functions of H5.
  • the new function modules of H5 can be integrated without modifying the native control code.
  • the daily development process of the access component whether to modify the old control or modify the new function module, it can be loosely coupled, and the integration is very convenient.
  • the function of the access component has been increased. From the original only supporting native API to integrate the underlying service, to supporting the integration of Hybrid framework applications, to supporting H5
  • the integration of the redirected webpage provides multiple options for customers who need to access the access component, but there is only one access component.
  • the first JavaScript software development kit is formed by developing JavaScript Bridge (referred to as JSBridge for short) on the JavaScript layer and encapsulating the JavaScript bridge.
  • JSBridge JavaScript Bridge
  • the H5 page guidance module can call the provided JavaScript Bridge function, thereby enabling communication with the Java software development kit.
  • the JavaScript bridge is used to implement mutual conversion between JavaScript and Java code and communication between the first JavaScript software development kit and the first Java software development kit.
  • the first JavaScript software development kit is packaged as an independent module.
  • the first JavaScript software development kit is packaged as an independent module, it can be provided to other usage scenarios.
  • the resources of the H5 page guidance module are deployed on a local or background server.
  • H5 page resources is relatively flexible and can be adapted to various scenarios.
  • data communication is performed between the first Java software development kit and the service module through a Binder process.
  • the Binder mechanism is evolved from OpenBinder, and it can bring the following advantages:
  • data communication is performed between the first Java software development kit and the service module through the Binder process.
  • the service module includes a POS service module.
  • the service module is a POS function module.
  • the POS function module can realize the following functions:
  • Device management device initialization, device authentication, device binding and unbinding, software version checking and updating;
  • Merchant management the opening of new merchants, the opening of existing merchants, the inquiry, supplementation, updating, and cancellation of merchant information;
  • Transaction credit card transaction, QR code transaction, transaction statistics query, transaction flow query, refund.
  • the access component can be awakened based on the access of the H5 page, data interaction is performed between the access component and the application module. Therefore, for the application module, as long as it is designed to enter the H5 page That is, it is only necessary to customize the H5 page, without other special customization of the application module, to realize the call to the access component.
  • the message of the processing feedback result of the access component can also be fed back to the backend of the access component through the service module and then fed back to the application module through the backend of the application module, so that the H5 page can also be received from the access component.
  • the user experience is good.
  • the access component is implemented using the Hybrid framework, it can support various front-end frameworks and is highly flexible.
  • the mobile terminal according to the first embodiment can support the H5 page as long as it can access the H5 page. Therefore, it has the advantages of versatility and wide application.
  • the mobile terminal according to still another aspect of the present invention is characterized in that it further includes:
  • the second Java software development kit provides an API interface for Java.
  • the second Java software development kit and the first Java software development kit are the same module.
  • the second Java software development kit is a reuse of the first Java software development kit.
  • data communication is performed between the second Java software development kit and the service module through a Binder process.
  • the H5 page will not refresh when the App jumps to a certain access component (such as WeChat/Alipay/Cloud QuickPass, etc.) and returns to the original App page after completing the payment. Manually click to refresh the H5 page.
  • a certain access component such as WeChat/Alipay/Cloud QuickPass, etc.
  • the access component provides various interface calls to the application module
  • deep customization of the application module that is, the App
  • the application module is Navive or Hybrid App
  • it enables developers to customize the page according to their wishes on the APP side, which is flexible and can meet the needs of more developers.
  • the mobile terminal according to another aspect of the present invention is characterized in that it further includes:
  • the second JavaScript software development kit which receives data from the H5 page and performs data communication with the following second Java software development kit to realize the conversion between JavaScript and Java code;
  • the second Java software development kit provides an API interface for Java.
  • the second JavaScript software development kit and the first JavaScript software development kit are the same module
  • the second Java software development kit and the first Java software development kit are the same module.
  • the second JavaScript software development kit is a reuse of the first JavaScript software development kit
  • the second Java software development kit is a multiplexing of the first Java software development kit.
  • data communication is performed between the second Java software development kit and the service module through a Binder process.
  • the access component since the access component is implemented using a Hybrid framework, it can support various front-end frameworks and is highly flexible.
  • the mobile terminal according to the above-mentioned embodiment can solve the problem that the H5 page does not occur when the App jumps to a certain access component (such as WeChat/Alipay/Cloud QuickPass, etc.) and returns to the original App page after completing the payment.
  • a certain access component such as WeChat/Alipay/Cloud QuickPass, etc.
  • the problem of refresh that is, with the mobile terminal of the third embodiment, when the App jumps to the access component and returns to the original App page after completing the corresponding action, the H5 page can be refreshed without the user's manual click.
  • the access component provides various interface calls for the application module
  • deep customization of the application module that is, the App
  • the application module is Web App or Hybird APP
  • developers can customize the page according to their wishes on the APP side, which is flexible and can meet the needs of more developers. demand.
  • the H5-based access component in one aspect of the present invention is characterized in that it includes:
  • the H5 page guidance module uses the access to the H5 page to implement the call to the access component
  • JavaScript software development kits respectively communicate data with the H5 page guidance module and the following Java software development kits to realize the conversion between JavaScript and Java code;
  • Java software development kit providing API interface for Java
  • the service module performs data communication with the Java software development kit and realizes the service of the specified function.
  • the JavaScript software development kit is formed by developing a JavaScript bridge on the JavaScript layer and encapsulating the JavaScript bridge.
  • the JavaScript bridge is used to implement conversion between JavaScript and Java code and intermodulation between JavaScript and Java code.
  • the JavaScript software development kit is packaged as an independent module.
  • the resources of the H5 page guidance module are deployed on a local or background server.
  • data communication is performed between the Java software development kit and the service module through a Binder process.
  • the service module includes a POS service module.
  • the H5-based access method in one aspect of the present invention is characterized in that it includes the following steps:
  • H5 page guide step obtain user request through access to H5 page
  • the conversion step is to convert the user request from JavaScript code to Java code
  • the interface providing step is to provide a corresponding interface based on the converted Java code
  • the service of the specified function is executed by calling the corresponding interface.
  • the service realization step it further includes:
  • the result feedback step is to feed back the result of the service executing the specified function to the interface.
  • a JavaScript bridge is used to realize the conversion between JavaScript and Java code and the intermodulation between JavaScript and Java code.
  • the interface call is implemented through the Binder process in the service implementation step.
  • a computer-readable medium having a computer program stored thereon is characterized in that:
  • a computer device includes a memory, a processor, and a computer program stored in the memory and running on the processor, wherein the processor implements the above-mentioned tag-based simulation when the computer program is executed. Data interaction method.
  • the H5 technology-based access component and the H5 technology-based access method of the present invention are implemented based on Hybrid App, so they can support various front-end frameworks, have good versatility, and are more flexible. .
  • the access component based on the H5 technology and the access method based on the H5 technology of the present invention when the access component of the present invention is used to complete the payment and return to the original App page, the H5 page can be refreshed without the user's manual click.
  • H5 technology-based access component and the H5 technology-based access method of the present invention deep customization of the App can be realized, various interface calls can be opened to the App, and it is convenient for the App to customize the page.
  • Figure 1 shows various front-end frameworks for accessing mobile phone controls in the prior art.
  • Fig. 2 is a schematic diagram showing the H5 page wake-up payment control in the prior art.
  • FIG. 3 is a schematic diagram showing the structure of an access component based on the H5 technology according to the first embodiment of the present invention.
  • FIG. 4 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to the first embodiment of the present invention.
  • FIG. 5 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to a second embodiment of the present invention.
  • FIG. 6 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to a third embodiment of the present invention.
  • FIG. 7 is a flowchart showing an access method based on the H5 technology according to an embodiment of the present invention.
  • H5 The fifth version of "HTML", and “HTML” refers to the standard language for describing web pages. Therefore, H5 refers to the fifth version of "standard language for describing web pages.”
  • SDK software development kit
  • Web App Refers to Web-based systems and applications, and apps that encapsulate web pages.
  • Native App Native App, Android/IOS App.
  • Hybrid App Hybrid App, combined with Web App and Native App, has both "the advantages of Native App's good user interaction experience” and “the advantages of Web App cross-platform development”.
  • React Native Facebook's open-source cross-platform mobile application development framework in April 2015 is a derivative of Facebook's earlier open source JS framework React in the native mobile application platform.
  • Flutter Google's mobile UI framework, which can quickly build high-quality native user interfaces on iOS and Android.
  • Cordova Provides a set of device-related APIs. Through this set of APIs, mobile applications can use JavaScript to access native device functions, such as cameras, microphones, etc. Cordova also provides a set of unified JavaScript libraries for these libraries. Native background code related to the device used.
  • Ionic It is an open source, free code library used to develop hybrid mobile applications, which can optimize the performance of html, css and js, and build efficient applications.
  • jQuery It is a fast and concise JavaScript framework. It is another excellent JavaScript code library (or JavaScript framework) after Prototype.
  • UI User Interface
  • user interface generally refers to the user's operation interface, including mobile apps, web pages, smart wearable devices, etc.
  • JS SDK JavaScript software development kit.
  • Jar package It is Java SDK, namely Java software development kit.
  • API Application Programming Interface
  • the following describes the access component based on the H5 access method of the present invention, the mobile terminal including the access component based on the H5 access method, and the access method based on the H5 access method of the present invention.
  • FIG 3 is a schematic diagram showing the structure of an access component based on H5 technology according to the first embodiment of the present invention.
  • the access component 100 of the first embodiment of the present invention includes:
  • the H5 page guide module 110 is used to implement the call to the access component 100 based on the access to the H5 page;
  • the JavaScript software development kit 120 (also referred to as JS SDK for short) respectively performs data communication with the H5 page guide module 110 and the following Java software development kit 130, and is used to implement the conversion between JavaScript and Java code;
  • the Java software development kit 130 (also referred to as the Jar package for short) is used to provide an API interface for Java to implement calls to the following service modules 140;
  • the service module 140 performs data communication with the Java software development kit and is used to implement services of prescribed functions.
  • the H5 page guidance module 110 is configured to arouse the access component 100 when a user accesses an H5 guidance page through https.
  • the h5 resource deployment of the webpage can be deployed locally or on the server.
  • the H5 page evokes the access component 100 of this embodiment through a specific Scheme jump protocol.
  • JavaScript software development kit 120 it can also be referred to as JS SDK for short.
  • JS is the abbreviation of JavaScript, which is the software implementation method of the business logic layer of H5.
  • the JavaScript software development kit 120 is mainly used to implement the relationship between Java code and Java script code. The mutual conversion and the communication between the JavaScript software development kit 120 and the Java software development kit 130.
  • the JavaScript software development kit 120 is formed by developing JavaScript Bridge on the JavaScript (ie JS) layer and encapsulating the JavaScript Bridge.
  • JavaScript Bridge is used to realize the mutual conversion between JavaScript and Java code.
  • the H5 page guidance module 110 can call the provided JavaScript Bridge function, so as to realize the communication with the Java software development kit 130.
  • the JavaScript software development kit 120 can be packaged as an independent module. As a separate component, it can also be applied to other usage scenarios.
  • the main function is to provide an API interface for Java, so that all functions of the service module 140 can be implemented by calling the interface.
  • the Java software development kit 130 and the service module 140 communicate data through the Binder process. This is because the Binder mechanism is evolved from OpenBinder, which can bring the following advantages:
  • Binder can establish a private channel. Therefore, in the present invention, data communication is performed between the Java software development kit 130 and the service module 140 through the Binder process.
  • the service module 140 it is used to implement services with prescribed functions.
  • the prescribed function is not limited in any way, and may be any function that needs to be realized.
  • the service module 140 is a POS function module.
  • the service module 140 can implement the following functions:
  • Device management device initialization, device authentication, device binding and unbinding, software version checking and updating;
  • Merchant management the opening of new merchants, the opening of existing merchants, the inquiry, supplementation, updating, and cancellation of merchant information;
  • Transaction credit card transaction, QR code transaction, transaction statistics query, transaction flow query, refund.
  • the access component 100 of the first embodiment is implemented based on the Hybrid framework, and the upper layer is displayed by the h5 page.
  • the resources of this h5 page can be deployed locally on the mobile phone or on the server (that is, the H5 page guide module 110)
  • Develop a JS Bridge in the JS layer to realize the intermodulation between JavaScript and Java code, and encapsulate this layer of JS Bridge into JS SDK (that is, JavaScript software development kit 120), and then call the Jar package (that is, Java software development kit) 130)
  • the provided interface realizes data communication with the service module 140 through Binder inter-process communication.
  • the access component 100 uses a hierarchical design and adopts the decorator mode. Without modifying the original component code, the new function is packaged in the original component (that is, the Java software development kit 130 and the service module 140). On top of ), the JS layer and the H5 layer (that is, the H5 page guide module 110 and the JavaScript software development kit 120) are extended to realize the new functions of the H5.
  • the JS layer can be packaged as an independent module and used as a separate component for other usage scenarios.
  • the native control code can be modified without modification.
  • the new function module of H5 is integrated, and there is no strong dependency between the new function module and the original control.
  • it can be relaxed whether the old control is modified or the new function module is modified. Coupling, integration is very convenient.
  • the function of the access component is increased from the dimension of the product of the access component, from the original only supporting native API integration with the underlying service to supporting the Hybrid framework
  • the integration of applications that is, the JavaScript software development kit 120
  • the integration that supports the H5 jump webpage that is, the H5 page guidance module
  • the mobile terminal of the first embodiment of the present invention includes the access component 100 of the first embodiment of the present invention.
  • FIG. 4 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to the first embodiment of the present invention.
  • the mobile terminal of the first embodiment of the present invention includes: an access component 100 and an application module 200.
  • the access component 100 includes:
  • the H5 page guidance module 110 uses the access to the H5 page to implement the call to the access component 100;
  • the JavaScript software development kit 120 performs data communication with the H5 page guide module 110 and the following Java software development kit to realize the conversion between JavaScript and Java code;
  • Java software development kit 130 which provides API interfaces for Java
  • the service module 140 performs data communication with the Java software development kit and realizes services of prescribed functions.
  • the access component 100 in FIG. 4 adopts the access component 100 of the first embodiment shown in FIG. 3.
  • the access component 100 has a corresponding background, which is represented as the access component background 101 in FIG. 4.
  • the application module 200 refers to, for example, an APP in a mobile terminal.
  • the APP generally also has a corresponding background, which is represented as the application module background 201 in FIG. 4.
  • the service module 140 it is used to implement services with prescribed functions.
  • the prescribed function is not limited in any way, and it may be any function that needs to be realized.
  • the service module 140 is a POS function module.
  • the service module 140 is used to implement POS functions, for example, the following functions can be implemented:
  • Device management device initialization, device authentication, device binding and unbinding, software version checking and updating;
  • Merchant management the opening of new merchants, the opening of existing merchants, the inquiry, supplementation, updating, and cancellation of merchant information;
  • Transaction credit card transaction, QR code transaction, transaction statistics query, transaction flow query, refund.
  • the mobile terminal of this embodiment is a mobile phone
  • the application module 200 is, for example, a certain bank APP in the mobile phone
  • the service module 140 is a POS function module.
  • the user jumps to the H5 page by operating the application module 200 (that is, a bank APP), and then the H5 page guidance module 110 of the access component 100 wakes up the H5 page based on the H5 page access Access component 100.
  • Parameters are passed between the application module 200 and the access component 100 through http POST, and the authentication of the identity and legality and data encryption between the application module 200 and the access component 100 are realized through the HTTP two-way authentication.
  • the access component 100 can perform data interaction between the access component 100 and the application module 200 (that is, a certain bank APP) after being awakened based on the access of the H5 page, for the application module 200 (That is, a bank APP), as long as it is designed to be able to enter the H5 page, that is, only the H5 page needs to be customized, and no other special customization of the bank APP is required to implement the invocation of the access component 100.
  • the application module 200 That is, a certain bank APP
  • the message of the processing feedback result of the access component 100 can be fed back to the access component backend 101 through the service module 140 and then fed back to the application module 200 through the application module backend 201, so that the H5 page can also be received from the access component.
  • the feedback message notification of the component 100 provides a good user experience.
  • the access component since the access component is implemented using the Hybrid framework, it can support various front-end frameworks and is highly flexible. In other words, it can be achieved as long as the front-end framework can access the H5 page. Therefore, the mobile terminal according to the first embodiment can support various frameworks in the prior art as shown in FIG. It has the advantages of versatility and wide application.
  • FIG. 5 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to a second embodiment of the present invention.
  • the mobile terminal of the second embodiment of the present invention includes: an access component 300 and an application module 400 (equivalent to a certain client APP in the mobile terminal).
  • the access component 300 has a corresponding backend, which is represented as the access component backend 301 in FIG. 5.
  • the application module 400 refers to, for example, an APP in a mobile terminal.
  • the APP generally has a corresponding background, which is represented as an application module background 401 in FIG. 5.
  • the dashed box on the left is the application module and its backend
  • the dashed box on the right is the access component and its backend.
  • the access component 300 of the mobile terminal according to the second embodiment of the present invention includes:
  • the H5 page guidance module 310 is used to implement the call to the access component 300 based on the access to the H5 page;
  • the JavaScript software development kit 320 is used for data communication with the H5 page guidance module 310 and the following Java software development kit 330 to realize the conversion between JavaScript and Java code;
  • the first Java software development kit 330 is used to provide an API interface for Java.
  • the service module 340 performs data communication with the first Java software development kit 330 and realizes services of prescribed functions.
  • the mobile terminal according to the second embodiment of the present invention further includes:
  • the second Java software development kit 410 provides an API interface for Java.
  • the third embodiment is applicable to the case where the application module 400 is a Native App or Hybrid App, that is, when the application module 400 is a Native App or Hybrid App, the client App is developed by Java (that is, the native App developed with Android/Java technology) Application), therefore, in this embodiment, a second Java software development kit 410 is provided to adapt to it.
  • the second Java software development kit 410 and the first Java software development kit 330 are the same module.
  • the second Java software development kit 410 is a reuse of the first Java software development kit 330.
  • the so-called reuse can be understood as reusing code, that is, the code of the first Java software development kit 330 can be provided to other application modules for use.
  • the H5 page can be developed in the application module 400 (equivalent to a certain client APP in the mobile terminal), and the H5 page of the client App can be connected with the access component through the second Java software development kit 410
  • the service module 340 in 300 communicates.
  • the client's App can load its own H5 page through Webview, and call the second Java software development kit 410 to call up the interface of the access component 300, thereby realizing all the functions of the service module 340.
  • the access component 300 since the access component 300 is implemented using the Hybrid framework, it can support various front-end frameworks with strong flexibility.
  • the mobile terminal according to the second embodiment can solve the problem that the H5 page does not appear when the App jumps to a certain access component (such as WeChat/Alipay/Cloud QuickPass, etc.) and returns to the original App page after completing the payment.
  • a certain access component such as WeChat/Alipay/Cloud QuickPass, etc.
  • the problem of refreshing is that with the mobile terminal of the second embodiment, when the App jumps to the access component and returns to the original App page after completing the corresponding action, the H5 page can be refreshed without the user's manual click.
  • the access component 300 provides various interface calls to the application module 400, deep customization of the application module, that is, the App, can be implemented, and it is convenient for the App to customize the page.
  • the application module 400 when the application module 400 is a Navive or Hybrid App, the developer can customize the page according to his wishes on the APP side, which is flexible and can meet the needs of more developers. demand.
  • FIG. 6 is a schematic diagram showing the structure of a mobile terminal including an access component based on H5 technology according to a third embodiment of the present invention.
  • the mobile terminal of the third embodiment of the present invention includes: an access component 500 and an application module 600 (equivalent to a certain client APP in the mobile terminal).
  • the access component 500 has a corresponding backend, which is represented as the access component backend 601 in FIG. 6.
  • the application module 600 refers to, for example, an APP in a mobile terminal.
  • the APP generally has a corresponding background, which is represented as the application module background 601 in FIG. 6.
  • the dashed frame on the left is the application module and its backend
  • the dashed frame on the right is the access component and its backend.
  • the access component 500 of the mobile terminal according to the third embodiment of the present invention includes:
  • the H5 page guidance module 510 is used to implement the call to the access component 500 based on the access to the H5 page;
  • the first JavaScript software development kit 520 is used to perform data communication with the H5 page guidance module 510 and the following Java software development kit 530 to realize the conversion between JavaScript and Java code;
  • the first Java software development kit 530 is used to provide an API interface for Java.
  • the service module 540 performs data communication with the first Java software development kit 530 and is used to implement services of prescribed functions.
  • the mobile terminal of the third embodiment of the present invention further includes:
  • the second JavaScript software development kit 610 performs data communication with the following second Java software development kit 620 to realize the conversion between JavaScript and Java code;
  • the second Java software development kit 620 is used to provide an API interface for Java.
  • the second Java software development kit 610 and the service module 540 perform data communication through the Binder process.
  • the second JavaScript software development kit 610 and the second JavaScript software development kit 520 are the same module, and the second Java software development kit 620 and the first Java software development kit 530 are the same module.
  • the second JavaScript software development kit 610 is the reuse of the first JavaScript software development kit 520
  • the second Java software development kit 620 is the reuse of the first Java software development kit 530.
  • the so-called reuse can be understood as reused code as described above, that is, the codes of the first JavaScript software development kit 520 and the first Java software development kit 530 are provided to other application modules for use.
  • the first JavaScript software development kit 520 and the first Java software development kit 530 in the access component 500 are reused, and the user module 400 side integrates the second JavaScript software development kit 620 and The second Java software development kit 630 can communicate with the access component 500.
  • the third embodiment shows that it is applicable to the case where the application module 400 is a Web App or a Hybrid App.
  • the user module 400 side that is, the client App
  • the user module 400 side can use the Webview Load your own H5 page, through its second JavaScript software development kit 610 and the second Java software development kit 620, you can call the JS interface provided by the access component 500, and the second JavaScript software development kit 610 here is responsible for connecting between JS and Java. Build a bridge between them, complete the docking conversion work, and call the first Java software development kit 530 in the access component 500, thereby calling up the interface of the access component 500 to implement all the functions of the service module 540.
  • the access component since the access component is implemented using the Hybrid framework, it can support various front-end frameworks and is highly flexible.
  • the mobile terminal of the third embodiment it is possible to solve the problem that when the App jumps to a certain access component (such as WeChat/Alipay/Cloud QuickPass, etc.) and returns to the original App page after completing the payment, the H5 page is not
  • a certain access component such as WeChat/Alipay/Cloud QuickPass, etc.
  • the H5 page can be refreshed without the user's manual click.
  • the access component 500 provides various interface calls to the application module 600
  • deep customization of the application module that is, the App
  • the application module 600 is a Web App or a Hybird APP
  • the developer can customize the page according to his wishes on the APP side, which is flexible and can satisfy more developers. Demand.
  • the above describes the access component based on the H5 technology and the mobile terminal including the access component based on the H5 technology of the present invention.
  • FIG. 7 is a flowchart showing an access method based on the H5 technology according to an embodiment of the present invention.
  • the access method based on H5 technology in an embodiment of the present invention includes the following steps:
  • H5 page guidance step S100 Obtain a user request by accessing the H5 page
  • Conversion step S200 Convert the user request from JavaScript code to Java code
  • Interface providing step S300 providing a corresponding interface based on the converted Java code
  • Service realization step S400 execute the service of the specified function by calling the corresponding interface.
  • the JavaScript bridge is used to realize the conversion between JavaScript and Java code and the intermodulation between JavaScript and Java code.
  • the interface call is realized through the Binder process.
  • the service realization step S400 optionally further includes:
  • the result feedback step is to feed back the result of the service performing the specified function to the interface.
  • the access method based on the H5 access mode of the present invention by displaying the h5 page on the upper layer, developing a JS Bridge on the JS layer, realizes the intermodulation between JavaScript and Java code, and then calls the interface provided by the Jar package to achieve this A service that performs a prescribed function by calling the corresponding interface.
  • the present invention also provides a computer-readable medium on which a computer program is stored, characterized in that, when the computer program is executed by a processor, the aforementioned H5 technology-based access method is implemented.
  • the present invention also provides a computer device, including a memory, a processor, and a computer program stored on the memory and running on the processor, wherein the processor executes the computer program to implement the above-mentioned H5 technology-based Access method.
  • these computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, or other programmable data processing equipment to form a machine, so that the instructions executed by the processor of the computer or other programmable data processing equipment are created for implementation.
  • These flowcharts and/or blocks and/or one or more flowcharts and/or block diagrams specify the function/operation components.
  • these computer program instructions can also be loaded on a computer or other programmable data processor so that a series of operation steps are executed on the computer or other programmable processor, so as to form a computer-implemented process, so that the computer or other
  • These instructions executed on the programmable data processor provide steps for implementing the functions or operations specified in one or more blocks of this flowchart and/or block diagram. It should also be noted that in some alternative implementations, the functions/operations shown in the blocks may occur out of the order shown in the flowchart.
  • the H5 technology-based access component and the H5 technology-based access method of the present invention are implemented based on Hybrid App. Therefore, they can support various front-end frameworks, have good versatility, and are more flexible. Strong.
  • the access component based on the H5 technology and the access method based on the H5 technology of the present invention when the access component of the present invention is used to complete the payment and return to the original App page, the H5 page can be refreshed without the user's manual click.
  • H5 technology-based access component and the H5 technology-based access method of the present invention deep customization of the App can be realized, various interface calls can be opened to the App, and it is convenient for the App to customize the page.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)
  • Lock And Its Accessories (AREA)
  • Stereo-Broadcasting Methods (AREA)
  • Selective Calling Equipment (AREA)

Abstract

本发明涉及基于H5接入方式的接入组件、基于H5接入方式的接入方法以及包含该接入组件的移动终端。本发明的基于H5的接入组件，其特征在于，包含：H5页面引导模块，利用对H5页面的访问以实现对所述接入组件的调用；JavaScript软件开发包，分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；Java软件开发包，为Java提供API接口；以及服务模块，与所述Java软件开发包进行数据通信并实现规定功能的服务。根据本发明，由于是基于Hybrid App实现，因此，能够支持各种不同的前端框架，通用性良好，同时灵活性也更强。

Description

基于H5接入方式的接入方法及其接入组件和移动终端 技术领域
本发明涉及移动互联网技术，具体地涉及一种基于H5接入方式的接入组件、基于H5接入方式的接入方法以及包含该接入组件的移动终端。
背景技术
手机控件(所谓控件也称为组件或者构件，是可重复使用的功能模块)以手机App SDK的形式提供给第三方原生App集成。
在目前的市场中，希望通过H5的接入方式集成手机控件的需求比较多。
图1表示现有技术中各种接入手机控件的前端框架。
如图1所示，客户的前端框架不尽相同，不仅有Web App，有Hybrid App，有React Native，还有Flutter，其中，其中主流的H5前端UI框架有十几种，图1仅示出其中的一部分，例如Ionic、Angular、Vue、React Native、jQuery、Flutter、Cordova等等。
对于这样的现状，需要提供一种对于这些前端框架通用的基于H5技术的接入控件。
另一方面，目前很多App的手机支付控件都支持H5方式接入，App通过集成它们的SDK开发包，可以从H5页面唤起手机的支付控件，在支付控件里完成支付。
图2表示现有技术中的H5页面唤醒支付控件的示意图。
如图2所示，H5页面唤起支付控件以后无法自动跳转。即，现有技术中还存在以下问题：
(1)H5页面无法收到来自控件的返回消息通知，用户体验较 差；
(2)控件页面无法定制。
发明内容
鉴于上述问题，本发明旨在提出一种能够支持不同前端框架的基于H5技术的接入组件以及基于H5技术的接入方法。
进一步，本发明旨在提供一种在唤醒H5页面后能够收到来自反馈信息的基于H5技术的接入组件以及基于H5技术的接入方法。
再进一步，本发明旨在提供一种能够方便App(后文也称为应用模块)定制页面的基于H5技术的接入组件以及基于H5技术的接入方法。
本发明的一方面的一种移动终端，包括：应用模块以及接入组件，其特征在于，
其中，所述接入组件包括：
H5页面引导模块，利用对H5页面的访问以实现所述应用模块对所述接入组件的调用；
JavaScript软件开发包，分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，用于实现JavaScript与Java代码之间的转换；
Java软件开发包，为Java提供接口；以及
服务模块，与所述Java软件开发包进行数据通信并实现规定功能的服务。
这样，由于接入组件基于Hybrid混合框架实现，即，接入组件利用了分层设计，采用装饰者模式，在不修改原组件代码的情况下，将新功能包装在原组件之上，扩展JS层和H5层，从而实现H5的新功能。
这样，通过接入组件的架构优化，从接入组件的软件开发的维度来说，对于正在开发的接入组件产品来说，可以在不修改原生控件代码的情况下，集成H5的新功能模块，新功能模块与原控件两者之间不存在强依赖关系，这样在接入组件的日常开发过程中，无论修改旧控件还是修改新功能模块都可以做到松耦合，集成非常方便。
进一步，通过对接入组件的架构优化，从接入组件的产品的维度，增加了接入组件的功能，从原来仅支持原生API集成底层服务，到支持Hybrid框架应用的集成，再到支持H5跳转网页的集成，对需要接入该接入组件的客户来说，提供了多种选择，而接入组件只有一个。
可选地，所述第一JavaScript软件开发包通过在JavaScript层上开发JavaScript Bridge(简称为JSBridge)并且将所述JavaScript桥进行封装而构成。
由此，利用JavaScript Bridge技术，H5页面引导模块就可以调用所提供的JavaScript Bridge功能，从而能够实现与Java软件开发包的通信。
可选地，所述JavaScript桥用于实现JavaScript与Java代码之间的相互转换以及所述第一JavaScript软件开发包与所述第一Java软件开发包之间的通信。
由此，通过所述第一JavaScript软件能够实现JavaScript与Java代码之间的相互转换以及所述第一JavaScript软件开发包与所述第一Java软件开发包之间的通信。
可选地，将所述第一JavaScript软件开发包作为独立的模块封装。
由此，由于将所述第一JavaScript软件开发包作为独立的模 块封装，因此能够提供给其他的使用场景使用。
可选地，所述H5页面引导模块的资源部署在本地或者后台服务器。
由此，H5页面资源的部署比较灵活，能够适应于各种场景。
可选地，所述第一Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
Binder机制是采用OpenBinder演化而来，它能够带来以下优点：
(1)有更好的传输性能；
(2)安全性更高：Linux的IPC机制在本身的实现中，并没有安全措施，得依赖上层协议来进行安全控制。而Binder机制的UID/PID是由Binder机制本身在内核空间添加身份标识，安全性高；
(3)传统IPC访问接入点是开放的，无法建立私有通道。比如命名管道的名称，system V的键值，socket的ip地址或文件名都是开放的，只要知道这些接入点的程序都可以和对端建立连接，不管怎样都无法阻止恶意程序通过猜测接收方地址获得连接，而Binder可以建立私有通道，这是linux的通信机制所无法实现的。
因此，在本发明中在第一Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
可选地，所述服务模块包括POS服务模块。
可选地，所述服务模块是POS功能模块。所述POS功能模块能够实现下述功能：
设备管理方面：设备初始化，设备的认证，设备的绑定与解绑，软件版本的检查与更新；
商户管理方面：新商户的开通，存量商户的开通，商户信息的查询，补充，更新，商户的注销；以及
交易方面：刷卡交易，二维码交易，交易统计查询，交易流水查询，退款。
根据本发明的移动终端，由于接入组件能够基于H5页面的访问而被唤醒后在接入组件和应用模块之间进行数据交互，因此，对于该应用模块来说，只要设计为可以进入H5页面即可，即只需要进行H5页面的定制，而不需要对该应用模块进行其他特别定制就能够实现对接入组件的调用。
而且，根据本发明的移动终端，接入组件的处理反馈结果的消息也能够通过服务模块反馈到接入组件后台再通过应用模块后台反馈到应用模块，这样H5页面也能够接收到来自接入组件的反馈消息通知，用户体验良好。
综上所述，根据本发明的移动终端，由于接入组件采用Hybrid框架实现，因此，能够支持各种不同的前端框架，灵活性强。也就说，根据第一本实施方式的移动终端，只要能够接入H5页面，就能够支持，因此，存在具有通用性、并且应用广泛的优点。
可选地，本发明再一方面的移动终端，其特征在于,进一步包括：
第二Java软件开发包，为Java提供API接口。
可选地，所述第二Java软件开发包和所述第一Java软件开发包是相同模块。
可选地，所述第二Java软件开发包是所述第一Java软件开发包是的复用。
可选地，所述第二Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
由此，能够解决现有技术下App跳转到某个接入组件(例如微信/支付宝/云闪付等)并完成支付后返回原App页面时而H5页面 并不会刷新的问题，不需要用户手动点击就能够刷新H5页面。
再者，根据上述的移动终端，由于接入组件给应用模块提供了各种接口调用，因此，可实现应用模块即App深度的定制，方便App定制页面。特别是，对于应用模块为Navive或者Hybrid App的情况下，能够使得开发者在APP侧能够按照自己的意愿进行页面定制，灵活性强，可以满足更多开发者的需求。
可选地，本发明又一方面的移动终端，其特征在于,进一步包括：
第二JavaScript软件开发包，接收来自H5页面的数据并与下述的第二Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；以及
第二Java软件开发包，为Java提供API接口。
可选地，所述第二JavaScript软件开发包和所述第一JavaScript软件开发包是相同模块，
所述第二Java软件开发包和所述第一Java软件开发包是相同模块。
可选地，所述第二JavaScript软件开发包是所述第一JavaScript软件开发包的复用，
所述第二Java软件开发包是所述第一Java软件开发包的复用。
可选地，所述第二Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
根据上述实施方式的移动终端，由于接入组件采用Hybrid框架实现，因此，能够支持各种不同的前端框架，灵活性强。
而且，根据上述实施方式的移动终端，能够解决现有技术下App跳转到某个接入组件(例如微信/支付宝/云闪付等)并完成支 付后返回原App页面时而H5页面并不会刷新的问题，即，利用第三实施方式的移动终端，当App跳转到接入组件并完成相应的动作后返回原App页面时，不需要用户手动点击就能够刷新H5页面。
进一步，根据上述实施方式的移动终端，由于接入组件给应用模块提供了各种接口调用，因此，可实现应用模块即App深度的定制，方便App定制页面。特别是，在第三实施方式中，对于应用模块为Web App或者Hybird APP的情况下，能够使得开发者在APP侧能够按照自己的意愿进行页面定制，灵活性强，可以满足更多开发者的需求。
本发明一方面的基于H5的接入组件，其特征在于，包含：
H5页面引导模块，利用对H5页面的访问以实现对所述接入组件的调用；
JavaScript软件开发包，分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；
Java软件开发包，为Java提供API接口；以及
服务模块，与所述Java软件开发包进行数据通信并实现规定功能的服务。
可选地，所述JavaScript软件开发包通过在JavaScript层上开发JavaScript桥并且将所述JavaScript桥进行封装而构成。
可选地，所述JavaScript桥用于实现JavaScript与Java代码之间的转换以及JavaScript与Java代码之间的互调。
可选地，所述JavaScript软件开发包作为独立的模块封装。
可选地，所述H5页面引导模块的资源部署在本地或者后台服务器。
可选地，所述Java软件开发包和所述服务模块之间通过 Binder进程进行数据通信。
可选地，所述服务模块包括POS服务模块。
本发明一方面的基于H5的接入方法，其特征在于，包括下述步骤：
H5页面引导步骤，通过对H5页面的访问获得用户请求；
转换步骤，将所述用户请求从JavaScript代码转换成Java代码；
接口提供步骤，基于所述转后的Java代码提供相应的接口；以及
服务实现步骤，通过调用所述相应的接口执行规定功能的服务。
可选地，在所述服务实现步骤之后进一步包括：
结果反馈步骤，将执行所述规定功能的服务的结果反馈到所述接口。
可选地，在所述转换步骤中，利用JavaScript桥实现JavaScript与Java代码之间的转换以及JavaScript与Java代码之间的互调。
可选地，在所述服务实现步骤中通过Binder进程实现接口调用。
本发明一方面计算机可读介质，其上存储有计算机程序，其特征在于，
该计算机程序被处理器执行时实现权利要求上述的基于标签模拟的数据交互方法。
本发明一方面的计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述的基于标签模拟的数据交互 方法。
如上所述，本发明的基于H5技术的接入组件以及基于H5技术的接入方法由于是基于Hybrid App实现，因此，能够支持各种不同的前端框架，通用性良好，同时灵活性也更强。
进一步，根据本发明的基于H5技术的接入组件以及基于H5技术的接入方法，利用本发明的接入组件完成支付后返回原App页面时，不需要用户手动点击就能够刷新H5页面。
进一步，根据本发明的基于H5技术的接入组件以及基于H5技术的接入方法，能够实现App深度定制，能够给App开放各种接口调用，方便App定制页面。
附图说明
图1表示现有技术中各种接入手机控件的前端框架。
图2是表示现有技术中H5页面唤醒支付控件的示意图。
图3是表示本发明第一实施方式的基于H5技术的接入组件的构造示意图。
图4是表示本发明第一实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
图5是表示本发明第二实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
图6是表示本发明第三实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
图7是表示本发明的一实施方式的基于H5技术的接入方法的流程图。
具体实施方式
下面介绍的是本发明的多个实施例中的一些，旨在提供对本发明的基本了解。并不旨在确认本发明的关键或决定性的要素或限定所要保护的范围。
出于简洁和说明性目的，本文主要参考其示范实施例来描述本发明的原理。但是，本领域技术人员将容易地认识到，相同的原理可等效地应用于所有类型的基于H5技术的接入组件以及基于H5技术的接入方法，并且可以在其中实施这些相同的原理，以及任何此类变化不背离本专利申请的真实精神和范围。
而且，在下文描述中，参考了附图，这些附图图示特定的示范实施例。在不背离本发明的精神和范围的前提下可以对这些实施例进行电、机械、逻辑和结构上的更改。此外，虽然本发明的特征是结合若干实施/实施例的仅其中之一来公开的，但是如针对任何给定或可识别的功能可能是期望和/或有利的，可以将此特征与其他实施/实施例的一个或多个其他特征进行组合。因此，下文描述不应视为在限制意义上的，并且本发明的范围由所附权利要求及其等效物来定义。
诸如“包含”和“包括”之类的用语表示除了具有在说明书和权利要求书中有直接和明确表述的单元和步骤以外，本发明的技术方案也不排除具有未被直接或明确表述的其它单元和步骤的情形。诸如“第一”和“第二”之类的用语并不表示单元在时间、空间、大小等方面的顺序而仅仅是作区分各单元之用。
在描写本发明的实施例之前，对于本文中已经出现和将要出现的技术用语进行简单说明。
H5：“HTML”的第5个版本，而“HTML”，则是指描述网页的标准语言，因此，H5是指第5个版本的“描述网页的标准语言”。
SDK：(software development kit)软件开发工具包，用于 为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。
Web App：是指基于Web的系统和应用，封装了网页的App。
Native App：原生App，Android/IOS App。
Hybrid App：混合App，结合Web App、Native App，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。
React Native(简称RN)：Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物。
Flutter：谷歌的移动UI框架，可以快速在iOS和Android上构建高质量的原生用户界面。
Cordova：提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等，Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。
Ionic：是一个用来开发混合手机应用的，开源的，免费的代码库，可以优化html、css和js的性能，构建高效的应用程序。
jQuery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。
UI(User Interface)：用户界面的简称，泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。
JS：JavaScript的简称。
JS SDK：JavaScript的软件开发包。
Jar包：就是Java SDK，即Java软件开发包。
API(Application Programming Interface)：应用程序编程接口。
以下，对于本发明的基于H5接入方式的接入组件、包含该基于H5接入方式的接入组件的移动终端以及基于H5接入方式的接入方法进行说明。
第一实施方式
首先，对于本发明的第一实施方式的接入组件进行说明。
图3是表示本发明第一实施方式的基于H5技术的接入组件的构造示意图。
如图3所示，本发明第一实施方式的接入组件100包括：
H5页面引导模块110，用于基于对H5页面的访问以实现对该接入组件100的调用；
JavaScript软件开发包120(也可以简称为JS SDK)，分别与所述H5页面引导模块110以及下述的Java软件开发包130进行数据通信，并且用于实现JavaScript与Java代码之间的转换；
Java软件开发包130(也可以简称为Jar包)，用于为Java提供API接口以实现对下述服务模块140的调用；以及
服务模块140，与所述Java软件开发包进行数据通信并用于实现规定功能的服务。
其中，H5页面引导模块110设置为当用户通过https访问一个H5引导页时唤起该接入组件100。作为一个示例，该网页的h5资源部署可以部署在本地，也可以部署在服务器。该H5页面通过特定Scheme跳转协议，唤起本实施方式的接入组件100。
关于JavaScript软件开发包120，它也可以简称为JS SDK，JS是JavaScript的简称，它是H5的业务逻辑层的软件实现方式，JavaScript软件开发包120主要用来实现Java代码与Java script代码之间的相互转换以及JavaScript软件开发包120与Java软件开发包130之间的通信。
作为一个示例，JavaScript软件开发包120是通过在JavaScript(即JS)层上开发JavaScript Bridge并且将JavaScript Bridge进行封装而构成。其中，JavaScript Bridge用于实现JavaScript与Java代码之间的相互转换。由此，利用JavaScript Bridge技术，H5页面引导模块110就可以调用所提供的JavaScript Bridge功能，从而能够实现与Java软件开发包130的通信。
另一方面，作为一个示例，可以将JavaScript软件开发包120作为独立的模块封装。这样作为单独的构件，它也可以被应用于其他使用场景之中。
关于Java软件开发包130，也可以简称为Jar包，主要功能是为Java提供API接口，从而可以通过调用接口实现服务模块140的所有功能。
另外，Java软件开发包130和服务模块140之间通过Binder进程进行数据通信。这是因为Binder机制是采用OpenBinder演化而来，它能够带来以下优点：
(1)有更好的传输性能；
(2)安全性更高：Linux的IPC机制在本身的实现中，并没有安全措施，得依赖上层协议来进行安全控制。而Binder机制的UID/PID是由Binder机制本身在内核空间添加身份标识，安全性高；
(3)传统IPC访问接入点是开放的，无法建立私有通道。而Binder可以建立私有通道。因此，在本发明中在Java软件开发包130和服务模块140之间通过Binder进程进行数据通信。
关于服务模块140，它用于实现规定功能的服务。在本发明中对于规定功能不进行任何限定，可以是任何需要实现的功能。
这里，作为一个示例，列举服务模块140是POS功能模块的情况。当服务模块140用于实现POS功能的情况下，例如它能够实现 下述功能：
设备管理方面：设备初始化，设备的认证，设备的绑定与解绑，软件版本的检查与更新；
商户管理方面：新商户的开通，存量商户的开通，商户信息的查询，补充，更新，商户的注销；以及
交易方面：刷卡交易，二维码交易，交易统计查询，交易流水查询，退款。
如上所述，第一实施方式的接入组件100基于Hybrid混合框架实现，上层由h5页面显示，这个h5页面的资源可以部署在手机本地，也可以部署在服务器(即指H5页面引导模块110)，在JS层开发一个JS Bridge，实现JavaScript与Java代码的互调，并将这一层JS Bridge封装成JS SDK(即指JavaScript软件开发包120)，再调用Jar包(即指Java软件开发包130)提供的接口，通过Binder进程间通信，实现与服务模块140进行数据通信。
在第一实施方式中，接入组件100利用了分层设计，采用装饰者模式，在不修改原组件代码的情况下，将新功能包装在原组件(即指Java软件开发包130和服务模块140)之上，扩展JS层和H5层(即指H5页面引导模块110和JavaScript软件开发包120)，从而实现H5的新功能。其中JS层可以作为独立的模块封装起来，作为单独的构件，用于其他的使用场景之中。
由此，在第一实施方式中，通过接入组件100的架构优化，从接入组件的软件开发的维度来说，对于正在开发的接入组件产品来说，可以在不修改原生控件代码的情况下，集成H5的新功能模块，新功能模块与原控件两者之间不存在强依赖关系，这样在接入组件的开发过程中，无论修改旧控件还是修改新功能模块都可以做到松耦合，集成非常方便。
进一步，在第一实施方式中，通过对接入组件100的架构优化，从接入组件的产品的维度，增加了接入组件的功能，从原来仅支持原生API集成底层服务，到支持Hybrid框架应用的集成(即指JavaScript软件开发包120)，再到支持H5跳转网页的集成(即指H5页面引导模块)，对需要接入该接入组件的客户来说，能够提供多种选择，而接入组件只有一个。
接着，对于本发明的第一实施方式的移动终端进行说明。
本发明的第一实施方式的移动终端包含本发明的第一实施方式的接入组件100。
图4是表示本发明第一实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
如图4所示，本发明第一实施方式的移动终端包括：接入组件100以及应用模块200。
其中，接入组件100包括：
H5页面引导模块110，利用对H5页面的访问以实现对该接入组件100的调用；
JavaScript软件开发包120，分别与H5页面引导模块110以及下述的Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；
Java软件开发包130，为Java提供API接口；以及
服务模块140，与所述Java软件开发包进行数据通信并实现规定功能的服务。
可见，在图4中的接入组件100采用了图3所示的第一实施方式的接入组件100。
进一步，该接入组件100存在对应的后台，在图4中表示为接入组件后台101。另外，应用模块200例如是指移动终端中的APP， APP一般也会存在对应的后台，在图4中表示为应用模块后台201。
关于服务模块140，它用于实现规定功能的服务。在本发明中对于规定功能不进行任何限定，可以是任何所需要实现的功能。
这里作为一个示例，例举服务模块140是POS功能模块的情况。当服务模块140用于实现POS功能的情况下，例如能够实现下述功能：
设备管理方面：设备初始化，设备的认证，设备的绑定与解绑，软件版本的检查与更新；
商户管理方面：新商户的开通，存量商户的开通，商户信息的查询，补充，更新，商户的注销；以及
交易方面：刷卡交易，二维码交易，交易统计查询，交易流水查询，退款。
这里，作为一个示例，该实施方式的移动终端为手机，应用模块200例如为该手机中的某个银行APP，服务模块140为POS功能模块。
这样，在该第一实施方式的移动终端中，用户通过操作应用模块200(即某银行APP)跳转到H5页面，接着，接入组件100的H5页面引导模块110基于H5页面的访问唤醒该接入组件100。在应用模块200与接入组件100中通过http POST传递参数，通过http双向认证方式实现应用模块200与接入组件100之间的身份合法性验证和数据加密。
可见，在该示例中，由于接入组件100能够基于H5页面的访问而被唤醒后在接入组件100和应用模块200(即某银行APP)之间进行数据交互，因此，对于该应用模块200(即某银行APP)来说，只要设计为可以进入H5页面即可，即只需要进行H5页面的定制，而不需要对该银行APP进行其他特别定制就能够实现对接入组 件100的调用。
作为再一个示例，接入组件100的处理反馈结果的消息能够通过服务模块140反馈到接入组件后台101之后再通过应用模块后台201反馈到应用模块200，这样H5页面也能够接收到来自接入组件100的反馈消息通知，用户体验良好。
如上所述，根据第一本实施方式的移动终端，由于接入组件采用Hybrid框架实现，因此，能够支持各种不同的前端框架，灵活性强。也就说，只要前端框架能够接入H5页面就能够实现，因此，根据第一本实施方式的移动终端，能够支持如图1所示的各种不同的现有技术中的框架，因此，存在具有通用性、并且应用广泛的优点。
第二实施方式
接着，对于本发明的第二实施方式的移动终端进行说明。
图5是表示本发明第二实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
如图5所示，本发明第二实施方式的移动终端包括：接入组件300、应用模块400(相当于移动终端中的某个客户APP)。
再者，接入组件300有对应的后台，在图5中表示为接入组件后台301。另外，应用模块400例如是指移动终端中的APP，APP一般会有对应的后台，在图5中表示为应用模块后台401。在图5中，左侧的虚线框是应用模块及其后台，右侧的虚线框是接入组件及其后台。
具体地，本发明第二实施方式的移动终端的接入组件300包括：
H5页面引导模块310，用于基于对H5页面的访问以实现对该 接入组件300的调用；
JavaScript软件开发包320，用于分别与H5页面引导模块310以及下述的Java软件开发包330进行数据通信，实现JavaScript与Java代码之间的转换；
第一Java软件开发包330，用于为Java提供API接口；以及
服务模块340，与用于第一Java软件开发包330进行数据通信并实现规定功能的服务。
进一步，本发明第二实施方式的移动终端还包括：
第二Java软件开发包410，为Java提供API接口。
第三实施方式适用于应用模块400是Native App或者Hybrid App的情况，即在应用模块400是Native App或者Hybrid App的情况下，客户App是由Java开发的(即用Android/Java技术开发的原生应用程序)，因此，在本实施方式中则提供第二Java软件开发包410与其进行适配。
在第二实施方式中，第二Java软件开发包410和第一Java软件开发包330是相同模块。
作为一个示例，第二Java软件开发包410是所述第一Java软件开发包330是的复用。所谓复用可以理解为，重用代码，即可以将第一Java软件开发包330的代码提供给其他应用模块使用。
另外，第二Java软件开发包410和服务模块340之间通过Binder进程进行数据通信。
这样，在第二实施方式中，可以在应用模块400(相当于移动终端中的某个客户APP)开发H5页面，客户App的H5页面通过第二Java软件开发包410，就可以与接入组件300中的服务模块340进行通信。
具体地，客户的App可以通过Webview加载自己的H5页面， 通过调用第二Java软件开发包410，调起接入组件300的接口，由此实现服务模块340所有功能。
如上所述，根据第二实施方式的移动终端，由于接入组件300采用Hybrid框架实现，因此，能够支持各种不同的前端框架，灵活性强。
而且，根据第二实施方式的移动终端，能够解决现有技术下App跳转到某个接入组件(例如微信/支付宝/云闪付等)并完成支付后返回原App页面时而H5页面并不会刷新的问题，即，利用第二实施方式的移动终端，当App跳转到接入组件并完成相应的动作后返回原App页面时，不需要用户手动点击就能够刷新H5页面。
再者，根据第二实施方式的移动终端，由于接入组件300给应用模块400提供了各种接口调用，因此，可实现应用模块即App深度的定制，方便App定制页面。
特别是，在第二实施方式中，对于应用模块400为Navive或者Hybrid App的情况下，能够使得开发者在APP侧能够按照自己的意愿进行页面定制，灵活性强，可以满足更多开发者的需求。
第三实施方式
接着，对于本发明的第三实施方式的移动终端进行说明。
图6是表示本发明第三实施方式的包含基于H5技术的接入组件的移动终端的构造示意图。
如图6所示，本发明第三实施方式的移动终端包括：接入组件500以及应用模块600(相当于移动终端中的某个客户APP)。
再者，接入组件500有对应的后台，在图6中表示为接入组件后台601。另外，应用模块600例如是指移动终端中的APP，APP一般会有对应的后台，在图6中表示为应用模块后台601。在图6中， 左侧的虚线框是应用模块及其后台，右侧的虚线框是接入组件及其后台。
具体地，本发明第三实施方式的移动终端的接入组件500包括：
H5页面引导模块510，用于基于对H5页面的访问以实现对该接入组件500的调用；
第一JavaScript软件开发包520，用于分别与所述H5页面引导模块510以及下述的Java软件开发包530进行数据通信，实现JavaScript与Java代码之间的转换；
第一Java软件开发包530，用于为Java提供API接口；以及
服务模块540，与第一Java软件开发包530进行数据通信并用于实现规定功能的服务。
进一步，本发明第三实施方式的移动终端还包括：
第二JavaScript软件开发包610，与下述的第二Java软件开发包620进行数据通信，实现JavaScript与Java代码之间的转换；以及
第二Java软件开发包620，用于为Java提供API接口。
其中，第二Java软件开发包610和服务模块540之间通过Binder进程进行数据通信。
在第三实施方式中，第二JavaScript软件开发包610和第二JavaScript软件开发包520是相同模块，第二Java软件开发包620与第一Java软件开发包530是相同模块。
作为一个示例，第二JavaScript软件开发包610是第一JavaScript软件开发包520的复用，第二Java软件开发包620是第一Java软件开发包530的复用。所谓复用可以如上文描写过的可以理解为重用代码，即将第一JavaScript软件开发包520和第 一Java软件开发包530的代码提供给其他应用模块使用。
这里，在第三实施方式中，对于接入组件500中的第一JavaScript软件开发包520以及第一Java软件开发包530进行复用，在用户模块400侧通过集成第二JavaScript软件开发包620以及第二Java软件开发包630，就能够与接入组件500中进行通信。
具体地，第三实施方式表示了适用于应用模块400是Web App或Hybrid App的情况，当在应用模块400是Web App或Hybrid App的情况下，用户模块400侧(即客户App)可以通过Webview加载自己的H5页面，通过其第二JavaScript软件开发包610以及第二Java软件开发包620可以调用接入组件500提供的JS接口,而这里的第二JavaScript软件开发包610负责在JS与Java之间建立桥梁，完成对接转换工作，并调用接入组件500中的第一Java软件开发包530，由此调起接入组件500的接口，以实现服务模块540的所有功能。
如上所述，根据第三实施方式的移动终端，由于接入组件采用Hybrid框架实现，因此，能够支持各种不同的前端框架，灵活性强。
而且，根据第三实施方式的移动终端，能够解决现有技术下App跳转到某个接入组件(例如微信/支付宝/云闪付等)并完成支付后返回原App页面时而H5页面并不会刷新的问题，即，利用第三实施方式的移动终端，当App跳转到接入组件并完成相应的动作后返回原App页面时，不需要用户手动点击就能够刷新H5页面。
再者，根据第三实施方式的移动终端，由于接入组件500给应用模块600提供了各种接口调用，因此，可实现应用模块即App深度的定制，方便App定制页面。特别是，在第三实施方式中，对于应用模块600为Web App或者Hybird APP的情况下，能够使得开 发者在APP侧能够按照自己的意愿进行页面定制，灵活性强，可以满足更多开发者的需求。
以上对于本发明基于H5技术的接入组件、以及包含基于H5技术的接入组件的移动终端进行了说明。
接着，对于本发明基于H5技术的接入方法进行说明。
图7是表示本发明的一实施方式的基于H5技术的接入方法的流程图。
如图7所示，本发明的一实施方式的基于H5技术的接入方法包括下述步骤：
H5页面引导步骤S100：通过对H5页面的访问获得用户请求；
转换步骤S200：将所述用户请求从JavaScript代码转换成Java代码；
接口提供步骤S300：基于所述转后的Java代码提供相应的接口；以及
服务实现步骤S400：通过调用所述相应的接口执行规定功能的服务。
在转换步骤S200中，利用JavaScript桥实现JavaScript与Java代码之间的转换以及JavaScript与Java代码之间的互调。
在服务实现步骤S400中通过Binder进程实现接口调用。
作为一个示例，在服务实现步骤S400可选地进一步包括：
结果反馈步骤，将执行规定功能的服务的结果反馈到接口。
根据本发明的基于H5接入方式的接入方法，通过在上层由h5页面显示，在JS层开发一个JS Bridge，实现JavaScript与Java代码的互调，再调用Jar包提供的接口，由此实现通过调用相应的接口执行规定功能的服务。
本发明还提供一种计算机可读介质，其上存储有计算机程序， 其特征在于，该计算机程序被处理器执行时实现上述的基于H5技术的接入方法。
本发明还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述基于H5技术的接入方法。
以上，通过参考根据本发明实施方式的组件的构造框图以及方法流程图图来描述本发明。将理解这些流程图说明和/或框图的每个框、以及流程图说明和/或框图的组合可以由计算机程序指令来实现。
例如，可以将这些计算机程序指令提供给通用计算机、专用计算机或其它可编程数据处理设备的处理器以构成机器，以便由计算机或其它可编程数据处理设备的处理器执行的这些指令创建用于实施这些流程图和/或框和/或一个或多个流程框图中指定的功能/操作的部件。
例如，也可以将这些计算机程序指令加载到计算机或其它可编程数据处理器上以使一系列的操作步骤在计算机或其它可编程处理器上执行，以便构成计算机实现的进程，以使计算机或其它可编程数据处理器上执行的这些指令提供用于实施此流程图和/或框图的一个或多个框中指定的功能或操作的步骤。还应该注意在一些备选实现中，框中所示的功能/操作可以不按流程图所示的次序来发生。
综上所述，本发明的基于H5技术的接入组件以及基于H5技术的接入方法由于是基于Hybrid App实现，因此，能够支持各种不同的前端框架，通用性良好，同时灵活性也更强。
进一步，根据本发明的基于H5技术的接入组件以及基于H5技术的接入方法，利用本发明的接入组件完成支付后返回原App页 面时，不需要用户手动点击就能够刷新H5页面。
进一步，根据本发明的基于H5技术的接入组件以及基于H5技术的接入方法，能够实现App深度定制，能够给App开放各种接口调用，方便App定制页面。
以上例子主要说明了本发明的基于H5技术的接入组件以及基于H5技术的接入方法、以及包含接入组件的移动终端。尽管只对其中一些本发明的具体实施方式进行了描述，但是本领域普通技术人员应当了解，本发明可以在不偏离其主旨与范围内以许多其他的形式实施。因此，所展示的例子与实施方式被视为示意性的而非限制性的，在不脱离如所附各权利要求所定义的本发明精神及范围的情况下，本发明可能涵盖各种的修改与替换。

Claims (28)

  1. 一种移动终端，包括：应用模块以及接入组件，其特征在于，
    所述接入组件包括：H5页面引导模块、第一JavaScript软件开发包、第一Java软件开发包以及服务模块，
    其中，所述H5页面引导模块用于基于对H5页面的访问以实现所述应用模块对所述接入组件的调用，
    所述第一JavaScript软件开发包用于分别与所述H5页面引导模块以及所述第一Java软件开发包进行数据通信，用于实现JavaScript与Java代码之间的转换，
    所述第一Java软件开发包用于为Java提供接口并且通过调用接口实现所述服务模块的功能，
    所述服务模块用于与所述Java软件开发包进行数据通信并用于实现规定功能的服务。
  2. 如权利要求1所述的移动终端，其特征在于，
    所述第一JavaScript软件开发包通过在JavaScript层上开发JavaScript桥并且将所述JavaScript桥进行封装而构成。
  3. 如权利要求2所述的移动终端，其特征在于，
    所述JavaScript桥用于实现JavaScript与Java代码之间的相互转换以及所述第一JavaScript软件开发包与所述第一Java软件开发包之间的通信。
  4. 如权利要求1所述的移动终端，其特征在于，
    将所述第一JavaScript软件开发包作为独立的模块封装。
  5. 如权利要求1所述的移动终端，其特征在于，
    所述H5页面引导模块的资源部署在本地或者后台服务器。
  6. 如权利要求1所述的移动终端，其特征在于，
    所述第一Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
  7. 如权利要求1所述的移动终端，其特征在于,
    所述服务模块包括POS服务模块。
  8. 如权利要求1到7中任意一项所述的移动终端，其特征在于,进一步包括：
    第二Java软件开发包，用于为Java提供接口。
  9. 如权利要求8所述的移动终端，其特征在于,
    所述第二Java软件开发包和所述第一Java软件开发包是相同模块。
  10. 如权利要求8所述的移动终端，其特征在于,
    所述第二Java软件开发包是所述第一Java软件开发包是的复用。
  11. 如权利要求8所述的移动终端，其特征在于,
    所述第二Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
  12. 如权利要求1到7中任意一项所述的移动终端，其特征在于,进一步包括：
    第二JavaScript软件开发包，用于接收来自H5页面的数据并与下述的第二Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；以及
    第二Java软件开发包，用于为Java提供API接口。
  13. 如权利要求12所述的移动终端，其特征在于,
    所述第二JavaScript软件开发包和所述第一JavaScript软件开发包是相同模块，
    所述第二Java软件开发包和所述第一Java软件开发包是相同模块。
  14. 如权利要求12所述的移动终端，其特征在于,
    所述第二JavaScript软件开发包是所述第一JavaScript软件开发包的复用，
    所述第二Java软件开发包是所述第一Java软件开发包的复用。
  15. 如权利要求12所述的移动终端，其特征在于,
    所述第二Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
  16. 一种基于H5的接入组件，其特征在于，包括：
    H5页面引导模块，用于基于对H5页面的访问以实现对所述接入组件的调用；
    JavaScript软件开发包，用于分别与所述H5页面引导模块以及下述的Java软件开发包进行数据通信，实现JavaScript与Java代码之间的转换；
    Java软件开发包，用于为Java提供API接口；以及
    服务模块，与所述Java软件开发包进行数据通信并且用于实现规定功能的服务。
  17. 如权利要求16所述的基于H5的接入组件，其特征在于，
    所述JavaScript软件开发包通过在JavaScript层上开发JavaScript桥并且将所述JavaScript桥进行封装而构成。
  18. 如权利要求17所述的基于H5的接入组件，其特征在于，
    所述JavaScript桥用于实现JavaScript与Java代码之间的转换以及JavaScript与Java代码之间的互调。
  19. 如权利要求16所述的基于H5的接入组件，其特征在于，
    所述JavaScript软件开发包作为独立的模块封装。
  20. 如权利要求16所述的基于H5的接入组件，其特征在于，
    所述H5页面引导模块的资源部署在本地或者后台服务器。
  21. 如权利要求16所述的基于H5的接入组件，其特征在于，
    所述Java软件开发包和所述服务模块之间通过Binder进程进行数据通信。
  22. 如权利要求16所述的基于H5的接入组件，其特征在于,
    所述服务模块包括POS服务模块。
  23. 一种基于H5的接入方法，其特征在于，包括下述步骤：
    H5页面引导步骤，通过对H5页面的访问获得用户请求；
    转换步骤，将所述用户请求从JavaScript代码转换成Java代码；
    接口提供步骤，基于所述转后的Java代码提供相应的接口；以及
    服务实现步骤，通过调用所述相应的接口执行规定功能的服务。
  24. 如权利要求23所述的基于H5的接入方法，其特征在于，在所述服务实现步骤之后进一步包括：
    结果反馈步骤，将执行所述规定功能的服务的结果反馈到所述接口。
  25. 如权利要求23所述的基于H5的接入方法，其特征在于，
    在所述转换步骤中，利用JavaScript桥实现JavaScript与 Java代码之间的转换以及JavaScript与Java代码之间的互调。
  26. 如权利要求23所述的基于H5的接入方法，其特征在于，
    在所述服务实现步骤中通过Binder进程实现接口调用。
  27. 一种计算机可读介质，其上存储有计算机程序，其特征在于，
    该计算机程序被处理器执行时实现权利要求23ˉ26任意一项所述的基于标签模拟的数据交互方法。
  28. 一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求23ˉ26任意一项所述的基于标签模拟的数据交互方法。
PCT/CN2020/073725 2019-05-24 2020-01-22 基于h5接入方式的接入方法及其接入组件和移动终端 Ceased WO2020238277A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910439817.1 2019-05-24
CN201910439817.1A CN110580154A (zh) 2019-05-24 2019-05-24 基于h5接入方式的接入方法及其接入组件和移动终端

Publications (1)

Publication Number Publication Date
WO2020238277A1 true WO2020238277A1 (zh) 2020-12-03

Family

ID=68810986

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/073725 Ceased WO2020238277A1 (zh) 2019-05-24 2020-01-22 基于h5接入方式的接入方法及其接入组件和移动终端

Country Status (3)

Country Link
CN (1) CN110580154A (zh)
TW (1) TWI767182B (zh)
WO (1) WO2020238277A1 (zh)

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112631600A (zh) * 2020-12-24 2021-04-09 上海哔哩哔哩科技有限公司 基于Flutter的软件构建方法和系统
CN113126987A (zh) * 2021-04-13 2021-07-16 浪潮金融信息技术有限公司 一种改进h5应用与设备的交互方法及存储介质
CN113268237A (zh) * 2021-05-25 2021-08-17 平安科技（深圳）有限公司 功能模块的功能页面生成方法、装置、设备及介质
CN113296744A (zh) * 2021-05-21 2021-08-24 建信金融科技有限责任公司 应用开发系统及方法
CN113342447A (zh) * 2021-06-28 2021-09-03 平安国际融资租赁有限公司 基于Flutter的页面生成方法、装置、设备及存储介质
CN113641353A (zh) * 2021-07-30 2021-11-12 中国平安人寿保险股份有限公司 应用开发的组件配置方法、装置、计算机设备及存储介质
CN113742014A (zh) * 2021-08-11 2021-12-03 深圳Tcl新技术有限公司 界面渲染方法、装置、电子设备及存储介质
CN114090134A (zh) * 2021-01-29 2022-02-25 北京沃东天骏信息技术有限公司 一种数据交互方法、装置、存储介质及电子设备
CN114201252A (zh) * 2021-11-19 2022-03-18 北京三快在线科技有限公司 页面组件布局方法、装置、电子设备及可读存储介质
CN114356452A (zh) * 2021-12-31 2022-04-15 必要鸿源(北京)科技有限公司 定位结果信息的获取方法、装置、电子设备及存储介质
CN115904341A (zh) * 2022-12-14 2023-04-04 上海汇付支付有限公司 一种面向移动端混合开发的前端优化方法及装置

Families Citing this family (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110580154A (zh) * 2019-05-24 2019-12-17 中国银联股份有限公司 基于h5接入方式的接入方法及其接入组件和移动终端
CN111708573B (zh) * 2020-06-05 2023-09-08 苏州瑞泰信息技术有限公司 一种h5适配自有app、微信、钉钉的系统
CN112394916B (zh) * 2020-11-17 2025-03-28 平安信托有限责任公司 数据交互方法、装置、设备及存储介质
CN112988418A (zh) * 2021-03-05 2021-06-18 杭州天阙科技有限公司 Web端与移动端的通信方法、移动终端及系统
CN113568661A (zh) * 2021-07-06 2021-10-29 浙江浙大中控信息技术有限公司 一种基于Android sdk实现app混合开发的方法
CN114282201A (zh) * 2021-12-01 2022-04-05 浪潮软件股份有限公司 一种应用准入网关的方法及系统
CN117009703B (zh) * 2023-08-08 2025-10-21 平安国际融资租赁有限公司 一种业务处理方法、装置、存储介质以及电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101587435A (zh) * 2008-05-19 2009-11-25 北京亿企通信息技术有限公司 一种实现mvc的方法
US8959427B1 (en) * 2011-08-05 2015-02-17 Google Inc. System and method for JavaScript based HTML website layouts
CN105100209A (zh) * 2015-06-23 2015-11-25 小米科技有限责任公司 实现跨域访问的方法及装置
CN108256897A (zh) * 2017-12-25 2018-07-06 平安科技（深圳）有限公司 基于h5活动页面传播的营销方法、电子装置及存储介质
CN110580154A (zh) * 2019-05-24 2019-12-17 中国银联股份有限公司 基于h5接入方式的接入方法及其接入组件和移动终端

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2011146750A2 (en) * 2010-05-19 2011-11-24 Google Inc. Bug clearing house
US9576246B2 (en) * 2012-10-05 2017-02-21 BigML, Inc. Predictive modeling and data analysis in a secure shared system
CN106951233B (zh) * 2017-03-02 2020-04-17 广州天高软件科技有限公司 混合模式智能手机应用开发框架系统
EP3416390A1 (en) * 2017-06-12 2018-12-19 Facebook, Inc. Interactive spectating interface for live videos
CN108681436B (zh) * 2018-03-13 2020-09-22 Oppo广东移动通信有限公司 画质参数调节方法、装置、终端及存储介质
CN109144479A (zh) * 2018-07-20 2019-01-04 中国邮政储蓄银行股份有限公司 开发架构
CN109766146A (zh) * 2019-01-31 2019-05-17 南威软件股份有限公司 一种html脚本启动android app指定界面的方法

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101587435A (zh) * 2008-05-19 2009-11-25 北京亿企通信息技术有限公司 一种实现mvc的方法
US8959427B1 (en) * 2011-08-05 2015-02-17 Google Inc. System and method for JavaScript based HTML website layouts
CN105100209A (zh) * 2015-06-23 2015-11-25 小米科技有限责任公司 实现跨域访问的方法及装置
CN108256897A (zh) * 2017-12-25 2018-07-06 平安科技（深圳）有限公司 基于h5活动页面传播的营销方法、电子装置及存储介质
CN110580154A (zh) * 2019-05-24 2019-12-17 中国银联股份有限公司 基于h5接入方式的接入方法及其接入组件和移动终端

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112631600A (zh) * 2020-12-24 2021-04-09 上海哔哩哔哩科技有限公司 基于Flutter的软件构建方法和系统
CN114090134A (zh) * 2021-01-29 2022-02-25 北京沃东天骏信息技术有限公司 一种数据交互方法、装置、存储介质及电子设备
CN113126987A (zh) * 2021-04-13 2021-07-16 浪潮金融信息技术有限公司 一种改进h5应用与设备的交互方法及存储介质
CN113296744A (zh) * 2021-05-21 2021-08-24 建信金融科技有限责任公司 应用开发系统及方法
CN113268237A (zh) * 2021-05-25 2021-08-17 平安科技（深圳）有限公司 功能模块的功能页面生成方法、装置、设备及介质
CN113342447B (zh) * 2021-06-28 2024-04-02 平安国际融资租赁有限公司 基于Flutter的页面生成方法、装置、设备及存储介质
CN113342447A (zh) * 2021-06-28 2021-09-03 平安国际融资租赁有限公司 基于Flutter的页面生成方法、装置、设备及存储介质
CN113641353A (zh) * 2021-07-30 2021-11-12 中国平安人寿保险股份有限公司 应用开发的组件配置方法、装置、计算机设备及存储介质
CN113742014A (zh) * 2021-08-11 2021-12-03 深圳Tcl新技术有限公司 界面渲染方法、装置、电子设备及存储介质
CN114201252A (zh) * 2021-11-19 2022-03-18 北京三快在线科技有限公司 页面组件布局方法、装置、电子设备及可读存储介质
CN114356452A (zh) * 2021-12-31 2022-04-15 必要鸿源(北京)科技有限公司 定位结果信息的获取方法、装置、电子设备及存储介质
CN114356452B (zh) * 2021-12-31 2024-03-19 必要鸿源(北京)科技有限公司 定位结果信息的获取方法、装置、电子设备及存储介质
CN115904341A (zh) * 2022-12-14 2023-04-04 上海汇付支付有限公司 一种面向移动端混合开发的前端优化方法及装置

Also Published As

Publication number Publication date
TWI767182B (zh) 2022-06-11
TW202044019A (zh) 2020-12-01
CN110580154A (zh) 2019-12-17

Similar Documents

Publication Publication Date Title
TWI767182B (zh) 基於ｈ５的接入組件及移動終端
EP2947569B1 (en) Hybrid applications operating between on-premise and cloud platforms
US11816492B2 (en) Third party integration of plugins and widgets
JP6577672B2 (ja) 支払い処理方法及び装置並びにインテリジェントデバイス
US11042387B2 (en) Deploying cross-platform applications on mobile devices with native and web components
US9672140B1 (en) Processing special requests at dedicated application containers
CN107168960B (zh) 一种业务执行方法及装置
CN113742005A (zh) 一种平台对接方法和装置
CN101841569A (zh) 一种基于web技术实现跨平台的手机支付方法
CN104821954A (zh) 一种跨平台远程过程调用方法
CN110069247A (zh) 一种应用程序的开发方法及装置、使用方法及装置
CN104636122B (zh) 一种能力组件的共享方法和设备
CN107809332A (zh) 复合接口配置及复合接口调用方法、装置
CN114020498A (zh) 不同部署场景的远程调用方法、装置、设备及存储介质
CN106850563B (zh) 访问支付终端的方法及装置
US10198279B2 (en) Thread synchronization for platform neutrality
CN109343970B (zh) 基于应用程序的操作方法、装置、电子设备及计算机介质
CN114546434B (zh) 一种应用更新方法、装置、电子设备及存储介质
CN115113898A (zh) 微应用的动态更新方法、装置、计算机设备和存储介质
CN113626398A (zh) 一种应用于政务服务事项网上申报的材料共享实现方法
EP2810179B1 (en) Method and system for implementing a common data interface to web services
CN107239265A (zh) Java函数与C函数的绑定方法及装置
CN110866240A (zh) 智能密码钥匙调用方法和系统
CN115543146A (zh) 基于目标服务框架的数据处理方法、装置和终端设备
Zheng et al. Preparation

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20814083

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 20814083

Country of ref document: EP

Kind code of ref document: A1