Realization method and device of hybrid application accessing to Web component

Abstract

The invention provides a realization method and device of a hybrid application accessing to a Web component. The method comprises the following steps: embedding the Web component into a pre-established container device in the hybrid application, enabling the Web component to respectively interact with a login management server and APP service of the hybrid application through the container device,thereby finishing the single sign-on of the Web component, interacting with a Web layer of the hybrid application through the container device, and interacting with a Bridge layer with the hybrid application through the container device, and then calling native API in a native layer of the hybrid application through the Bridge layer, wherein the hybrid application comprises the native layer, theBridge layer and the Web layer, the container device is in a free state in the hybrid application, the loading is performed through the Bridge layer so as to integrate with the Web layer. Through therealization method provided by the invention, the problems that the single sign-on is not supported after the Web component is accessed to the hybrid application, the Web layer and the Web component cannot be mutually called due to cross-domain and the Web component cannot call the native API in the prior art are solved.

Description

technical field [0001] The invention relates to the technical fields of application development under mobile terminals and Web front-end development, in particular to a method and device for realizing a hybrid application accessing Web components. Background technique [0002] In an environment where mobile business forms are changing with each passing day, it is difficult for native applications with long production cycles to keep up with the changes in business forms. So a batch of business units were replaced by Web pages (Web components) to achieve fast and flexible updates and releases. Due to the support of the application programming interface API of the native application, the functions of the accessed Web component are complete, and there is no difference from the native application. At the same time, it improves the development efficiency and the ability of system reuse. [0003] Hybrid application is an emerging mobile application architecture, which is a combin...

AI Technical Summary

Problems solved by technology

[0009] In order to solve the above-mentioned technical problems, the present invention provides a method and device for implementing a hybrid application that accesses Web components, which can solve the problem of not supporting single sign-on and hybrid application Web layers in the prior art after accessing Web components in a hybrid application. The problem that web components cannot call each other due to cross-domain and web components cannot call native API

Images