一种用于更新应用（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