CN106874035B

CN106874035B - Method for updating application (app) built-in H5 and framework thereof

Info

Publication number: CN106874035B
Application number: CN201710017885.XA
Authority: CN
Inventors: 巢庆丰; 刘思伟
Original assignee: Shenzhen Zhongshunyi Finical Services Co ltd
Current assignee: Shenzhen Zhongshunyi Finical Services Co ltd
Priority date: 2017-01-11
Filing date: 2017-01-11
Publication date: 2020-06-30
Anticipated expiration: 2037-01-11
Also published as: CN106874035A

Abstract

The invention relates to a method for updating Application (APP) built-in H5, which comprises an APP management platform, an APP and an APP routing layer; the method comprises the following steps: firstly, uploading the latest H5 needing APP updating through the APP management platform, and modifying the APP routing setting; secondly, the APP acquires a latest H5 download address through a corresponding api interface for downloading, and acquires and stores latest routing configuration information to the local; and thirdly, controlling the jump of each page through the APP routing layer.

Description

Method for updating application (app) built-in H5 and framework thereof

Technical Field

The invention relates to a basic framework of an APP (application) of a mobile terminal, in particular to an APP basic framework supporting mixed development of Native (Native) and H5 and a building method thereof.

Background

The fifth revision of the hypertext markup language (referred to as "HTML 5," abbreviated as "H5") is formally defined by the international standards organization known as the world wide web association ("W3C"). HTML5 includes more than 100 specifications related to next generation Web technologies. HTML5 describes a set of HTML, CSS (cascading style sheets), and JavaScript specifications configured to enable designers and developers to build next generation web sites and applications ("apps").

At present, smart phones are widely popularized, four systems, namely ian, WP7, IOS and Android systems, are most used by smart phones, and application software of different systems is not compatible with each other. Therefore, different mobile phone clients need to be developed for mobile phones of different systems, which causes repeated development; meanwhile, the user is required to download the client again when a new APP is issued each time, so that the whole development progress is slowed down, and meanwhile, bad experience is brought to the user.

In order to solve the above problem, as shown in fig. 1, patent application No. 201511005002.0 discloses a method for developing a mobile phone client application program, which includes the following steps: 101. making web page frames using HTML 5; 102. modifying the webpage using CSS 3; 103. the JQuery or Javascript framework is used to enable the static interface of the webpage to have a dynamic function and interact with a user; 104. and (4) embedding the webpage manufactured in the step (103) into a frame of the mobile phone APP for debugging, so that the APPs of different mobile phone systems can be embedded into the webpage and normally displayed. The technical scheme does not need the user to download the updating client for multiple times. Based on the HTML5 application, the loaded content is a webpage developed by HTML5 and is stored in the server, and the latest version is acquired from the server every time the loading is carried out, so that the user does not need to download the update client for multiple times. In the traditional APP application, file contents are stored locally, and if the version needs to be upgraded, the whole client needs to be downloaded again, which causes poor user experience. Moreover, the use of HTML5 eliminates the need to consider page compatibility. The browsers of the existing smart phone system all support hypertext markup language HTML5, a front-end engineer does not need to be compatible with a plurality of standard browsers like developing a PC end webpage, the trouble of debugging compatibility is eliminated, and the development efficiency is greatly improved.

However, the inventor found that most of APP involves a mixture of Native (Native) and H5 development, so the APP basic framework needs to support not only local H5 (whole package or some pages) update, but also the live switch of Native pages and corresponding H5 pages.

Disclosure of Invention

The invention aims to provide a method for supporting updating and N of local H5_aMethod and framework for switching over time of a positive page and a corresponding H5 page.

The technical scheme of the invention is that a method for updating Application (APP) built-in H5 comprises an APP management platform, an APP and an APP routing layer; the method comprises the following steps: firstly, uploading the latest H5 needing APP updating through the APP management platform, and modifying the APP routing setting; secondly, the APP acquires a latest H5 download address through a corresponding api interface for downloading, and acquires and stores latest routing configuration information to the local; and thirdly, controlling the jump of each page through the APP routing layer.

And further, the third step comprises the following steps of clicking a button on the page A, transmitting a corresponding routing Key value to the APP routing layer, then searching a corresponding Key in a routing table by the APP routing layer, analyzing the page jump type after finding the Key, and jumping the page A to the page B. (type: 0 hop native, 1 hop native H5, 2 hop up H5)

Further, before the first step, the method comprises the following steps of obtaining whether the APP is started or not, obtaining whether the APP is the latest H5 or not, and if the APP is started, entering the first step.

Further, before the first step, the method includes the following step that when the App needs to update H5 and the routing configuration information, the App management platform pushes a message to the App to inform that the update is needed.

An application framework for updating application (app) built-in H5 includes a view layer (view layer), an H5 Container layer (H5 Container), and an OS layer; wherein the view layer comprises an H5 page module, an H5 frame module, a JSbridge module and a Native activities module; the H5 Container layer (H5 Container) includes local URL routing (local UrlRouter); the OS layer includes Android and Ios modules.

The invention has the advantages that the application framework and the method for updating the built-in H5 of the Application (APP) are powerful in function and quick in response, when the problem occurs to the on-line APP on a certain page, the page can be quickly repaired through the method, and the page can jump to the corresponding native or local H5 or on-line H5 page without re-releasing the APP version.

Drawings

FIG. 1 is a schematic structural diagram of the background art of the present invention;

FIG. 2 is a schematic flow chart of the present invention;

FIG. 3 is a schematic structural view of the present invention;

FIG. 4 is a schematic flow chart of an embodiment of the present invention;

FIG. 5 is a flow chart illustrating another embodiment of the present invention.

Detailed Description

The present invention is further explained with reference to the drawings and the embodiments, as shown in fig. 2, a method for updating Application (APP) built-in H5 includes an APP management platform, an APP and an APP routing layer; the method comprises the following steps: firstly, uploading the latest H5 needing APP updating through the APP management platform, and modifying the APP routing setting; secondly, the APP installed on the android platform or the Ios platform acquires the latest H5 download address through the corresponding api interface for downloading, and acquires the latest routing configuration information and stores the latest routing configuration information to the local; and thirdly, controlling the jump of each page through the APP routing layer.

As shown in fig. 4, the third step further includes the steps of clicking a button on the page a, transmitting a corresponding routing Key value to the APP routing layer, then searching a corresponding Key in a routing table by the APP routing layer, and after finding the Key, analyzing a page jump type, and jumping the page a to the page B. (type: 0 hop native, 1 hop native H5, 2 hop up H5).

As shown in fig. 5, further, before the first step, the method includes a step of, when App update H5 and routing configuration information are needed, the App management platform pushing a message to the App to notify that update is needed, and entering the first step.

As shown in fig. 3, an application framework for updating application (app) built-in H5 includes a view layer (viewplayer), an H5 Container layer (H5 Container), and an OS layer; wherein the view layer comprises an H5 page module, an H5 frame module, a JSbridge module and a Native activities module; the H5 Container layer (H5 Container) includes local URL routing (local Url Router); the OS layer includes Android and Ios modules.

The above description is only about some embodiments of the present invention, and any replacement or modification made by those skilled in the art based on the spirit of the present invention should be covered by the protection scope of the present invention, which should be controlled by the appended claims.

Claims

1. A method for updating Application (APP) built-in H5, comprising an APP management platform, an APP, and an APP routing layer; the method comprises the following steps: firstly, uploading the latest H5 needing APP updating through the APP management platform, and modifying the APP routing setting; secondly, the APP acquires a latest H5 download address through a corresponding api interface for downloading, and acquires and stores latest routing configuration information to the local; thirdly, controlling the skip of each page through the APP routing layer; clicking a button on the page A, transmitting a corresponding routing Key value to the APP routing layer, searching a corresponding Key in a routing table by the APP routing layer, and analyzing a page jump type after finding the Key, wherein the page A jumps to a page B; further, before the first step, the method comprises the following steps of obtaining whether the latest H5 exists or not every time the APP is started, and entering the first step if the latest H5 exists; further, before the first step, the method includes the following step that when the App needs to update H5 and the routing configuration information, the App management platform pushes a message to the App to inform that the update is needed.