一種用于更新應用（app）內置H5的方法及其框架技術

本發明專利技術涉及一種用于更新應用(app)內置H5的方法，包括APP管理平臺、APP和APP路由層；所述方法包括以下步驟：第一步，通過所述APP管理平臺上傳最新的需要APP更新的H5，修改所述APP路由設置；第二步，所述APP通過相應的api接口獲取最新的H5下載地址進行下載，同時獲取最新的路由配置信息并保存到本地；第三步，通過所述APP路由層控制每一個頁面的跳轉。

A method and framework for updating an application (APP) built-in H5

The invention relates to a method for updating application (APP) built in H5, including APP, APP and APP routing platform management layer; the method comprises the following steps: first, through the APP management platform to upload the latest APP update H5, modify the APP routing; the second step, the the APP through the API interface corresponding to get the latest H5 download address to download, and get the latest information and routing configuration is saved to the local; the third step, through the APP layer routing control every page jump.

【技術實現步驟摘要】
一種用于更新應用(app)內置H5的方法及其框架
本專利技術涉及一種移動終端APP的基本框架，更具體地說，涉及一種支持原生(Native)和H5混合開發的APP基本框架及其搭建方法。
技術介紹
超文本標記語言的第五修訂版(被稱作“HTML5”，簡稱“H5”)由稱為萬維網協會(“W3C”)的國際標準組織正式地定義。HTML5包括涉及下一代Web技術的多于100個規范。HTML5描述了被配置成使得設計者和開發者能夠構建下一代web站點和應用(“app”)的一組HTML、CSS(級聯樣式表)以及JavaScript規范。當前智能手機已全面普及，智能手機使用得最多的有四大系統，即ian、WP7、IOS和Android系統，不同系統的應用軟件互不兼容。所以，不同系統的手機需要開發不同的手機客戶端，這就造成的重復開發；同時每次發布新的APP都需要用戶重新下載客戶端，這不僅拖慢整個開發進度，同時也會給用戶帶來不良的體驗。為了解決上述問題，如圖1所示，專利申請號為201511005002.0公開了一種手機客戶端應用程序的開發方法，包括以下步驟：101、使用HTML5做出網頁框架；102、使用CSS3修飾網頁頁面；103、使用JQuery或者Javascript框架，使網頁靜態界面具有動態功能，能夠與用戶進行交互；104、將步驟103制作的網頁嵌入到手機APP的框架中，進行調試，使不同手機系統的APP都能夠嵌入網頁并正常顯示。該技術方案無須用戶多次下載更新客戶端。基于HTML5應用，加載的內容是HTML5開發的網頁，存儲在服務器中，每次加載都是從服務器獲取最新的版本，所以無須用戶多次下載更新客戶端。而傳統的APP應用，文件內容都存儲在本地，如果需要升級版本，需要重新下載整個客戶端，會造成用戶體驗不好。而且，使用HTML5無須考慮到頁面的兼容性。現在的智能手機系統的瀏覽器均支持超文本標記語言HTML5，前端工程師無須像開發PC端網頁一樣兼容多個標準的瀏覽器，省去了調試兼容性的煩惱，大大提高了開發效率。然而，本專利技術人發現，大多數的APP都涉及到原生(Native)和H5混合開發，所以APP基本框架不但需要支持本地H5(整個包或某些頁面)的更新、還需要支持Native頁面和對應H5頁面的隨時切換。
技術實現思路
本專利技術的目的在于提供一種支持本地H5的更新、Native頁面和對應H5頁面的隨時切換的的方法和框架。本專利技術的技術方案為，一種用于更新應用(app)內置H5的方法，包括APP管理平臺、APP和APP路由層；所述方法包括以下步驟：第一步，通過所述APP管理平臺上傳最新的需要APP更新的H5，修改所述APP路由設置；第二步，所述APP通過相應的api接口獲取最新的H5下載地址進行下載，同時獲取最新的路由配置信息并保存到本地；第三步，通過所述APP路由層控制每一個頁面的跳轉。進一步地，所述第三步包括如下步驟，點擊A頁面上的按鈕，將相應的路由Key值傳遞到所述APP路由層，然后由所述APP路由層在路由表中尋找對應的Key，找到所述Key后，解析頁面跳轉類型，所述A頁面跳轉到B頁面。(type：0跳原生、1跳本地H5、2跳線上H5)進一步地，在所述第一步之前，包括如下步驟，每次啟動APP時，獲取是否有最新的H5,如果有，則進入第一步。進一步地，在所述第一步之前，包括如下步驟，當需要App更新H5和路由配置信息時，所述APP管理平臺推送消息給APP，告知需要更新。一種用于更新應用(app)內置H5的應用框架，包括視圖層(viewlayer)、H5容器層(H5Container)和OS層；其中，所述視圖層包括H5頁面模塊、H5框架模塊、JSBridge模塊和NativeActivites模塊；所述H5容器層(H5Container)包括本地URL路由(localUrlRouter)；所述OS層包括Android和Ios模塊。本專利技術的有益效果在于，提供了一種功能強大、反應迅速的用于更新應用(app)內置H5的應用框架和方法，當線上APP在某個頁面出現問題時，就可以通過本專利技術快速修復此頁面，讓其跳轉到對應的原生、或本地H5、或線上H5頁面，不用重新發布APP版本。附圖說明圖1為本專利技術的
技術介紹
的結構示意圖；圖2為本專利技術的流程示意圖；圖3為本專利技術的結構示意圖；圖4為本專利技術實施例的流程示意圖；圖5為本專利技術另一實施例的流程示意圖。具體實施方式下面結合附圖和實施例進一步說明本專利技術，如圖2所示，一種用于更新應用(app)內置H5的方法，包括APP管理平臺、APP和APP路由層；所述方法包括以下步驟：第一步，通過所述APP管理平臺上傳最新的需要APP更新的H5，修改所述APP路由設置；第二步，所述安裝于android平臺或Ios平臺上的APP通過相應的api接口獲取最新的H5下載地址進行下載，同時獲取最新的路由配置信息并保存到本地；第三步，通過所述APP路由層控制每一個頁面的跳轉。如圖4所示，進一步地，所述第三步包括如下步驟，點擊A頁面上的按鈕，將相應的路由Key值傳遞到所述APP路由層，然后由所述APP路由層在路由表中尋找對應的Key，找到所述Key后，解析頁面跳轉類型，所述A頁面跳轉到B頁面。(type：0跳原生、1跳本地H5、2跳線上H5)。進一步地，在所述第一步之前，包括如下步驟，每次啟動APP時，獲取是否有最新的H5,如果有，則進入第一步。如圖5所示，進一步地，在所述第一步之前，包括如下步驟，當需要App更新H5和路由配置信息時，所述APP管理平臺推送消息給APP，告知需要更新，進入第一步。如圖3所示，一種用于更新應用(app)內置H5的應用框架，包括視圖層(viewlayer)、H5容器層(H5Container)和OS層；其中，所述視圖層包括H5頁面模塊、H5框架模塊、JSBridge模塊和NativeActivites模塊；所述H5容器層(H5Container)包括本地URL路由(localUrlRouter)；所述OS層包括Android和Ios模塊。以上的描述僅僅涉及本專利技術的一些具體實施方式，任何本領域的技術人員基于本專利技術的精神所做的替換或改進均應為本專利技術的保護范圍所涵蓋，本專利技術的保護范圍應以權利要求書為準。本文檔來自技高網...

【技術保護點】
一種用于更新應用(app)內置H5的方法，包括APP管理平臺、APP和APP路由層；所述方法包括以下步驟：第一步，通過所述APP管理平臺上傳最新的需要APP更新的H5，修改所述APP路由設置；第二步，所述APP通過相應的api接口獲取最新的H5下載地址進行下載，同時獲取最新的路由配置信息并保存到本地；第三步，通過所述APP路由層控制每一個頁面的跳轉。

【技術特征摘要】
1.一種用于更新應用(app)內置H5的方法，包括APP管理平臺、APP和APP路由層；所述方法包括以下步驟：第一步，通過所述APP管理平臺上傳最新的需要APP更新的H5，修改所述APP路由設置；第二步，所述APP通過相應的api接口獲取最新的H5下載地址進行下載，同時獲取最新的路由配置信息并保存到本地；第三步，通過所述APP路由層控制每一個頁面的跳轉。2.根據權利要求1所述的用于更新應用(app)內置H5的方法，其特征在于：所述第三步包括如下步驟，點擊A頁面上的按鈕，將相應的路由Key值傳遞到所述APP路由層，然后由所述APP路由層在路由表中尋找對應的Key，找到所述Key后，解析頁面跳轉類型，所述A頁面跳轉到B頁面。3.根據權利要求1或2所述的用于更新應用(app)內置H...

【專利技術屬性】
技術研發人員：巢慶豐，劉思偉，
申請(專利權)人：深圳中順易金融服務有限公司，
類型：發明
國別省市：廣東,44