CN106874035A - 一种用于更新应用(app)内置H5的方法及其框架 - Google Patents
一种用于更新应用(app)内置H5的方法及其框架 Download PDFInfo
- Publication number
- CN106874035A CN106874035A CN201710017885.XA CN201710017885A CN106874035A CN 106874035 A CN106874035 A CN 106874035A CN 201710017885 A CN201710017885 A CN 201710017885A CN 106874035 A CN106874035 A CN 106874035A
- Authority
- CN
- China
- Prior art keywords
- app
- built
- newest
- modules
- routing
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
- G06F8/65—Updates
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Security & Cryptography (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Stored Programmes (AREA)
Abstract
本发明涉及一种用于更新应用(app)内置H5的方法,包括APP管理平台、APP和APP路由层;所述方法包括以下步骤:第一步,通过所述APP管理平台上传最新的需要APP更新的H5,修改所述APP路由设置;第二步,所述APP通过相应的api接口获取最新的H5下载地址进行下载,同时获取最新的路由配置信息并保存到本地;第三步,通过所述APP路由层控制每一个页面的跳转。
Description
技术领域
本发明涉及一种移动终端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的应用框架,包括视图层(view layer)、H5容器层(H 5 Container)和OS层;其中,所述视图层包括H5页面模块、H5框架模块、JSBridge模块和Native Activites模块;所述H5容器层(H 5 Container)包括本地URL路由(local UrlRouter);所述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容器层(H 5Container)和OS层;其中,所述视图层包括H5页面模块、H5框架模块、JSBridge模块和Native Activites模块;所述H5容器层(H 5Container)包括本地URL路由(local Url Router);所述OS层包括Android和Ios模块。
以上的描述仅仅涉及本发明的一些具体实施方式,任何本领域的技术人员基于本发明的精神所做的替换或改进均应为本发明的保护范围所涵盖,本发明的保护范围应以权利要求书为准。
Claims (5)
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)内置H5的方法,其特征在于:在所述第一步之前,包括如下步骤,每次启动APP时,获取是否有最新的H5,如果有,则进入第一步。
4.根据权利要求1或2所述的用于更新应用(app)内置H5的方法,其特征在于:在所述第一步之前,包括如下步骤,当需要App更新H5和路由配置信息时,所述APP管理平台推送消息给APP,告知需要更新。
5.一种用于更新应用(app)内置H5的应用框架,包括视图层(view layer)、H5容器层(H5Container)和OS层;其中,所述视图层包括H5页面模块、H5框架模块、JSBridge模块和Native Activites模块;所述H5容器层(H 5 Container)包括本地URL路由(local UrlRouter);所述OS层包括Android和Ios模块。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710017885.XA CN106874035B (zh) | 2017-01-11 | 2017-01-11 | 一种用于更新应用(app)内置H5的方法及其框架 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201710017885.XA CN106874035B (zh) | 2017-01-11 | 2017-01-11 | 一种用于更新应用(app)内置H5的方法及其框架 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN106874035A true CN106874035A (zh) | 2017-06-20 |
CN106874035B CN106874035B (zh) | 2020-06-30 |
Family
ID=59157448
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201710017885.XA Active CN106874035B (zh) | 2017-01-11 | 2017-01-11 | 一种用于更新应用(app)内置H5的方法及其框架 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106874035B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107968841A (zh) * | 2017-12-20 | 2018-04-27 | 深圳乐信软件技术有限公司 | 网络页面的动态路由方法、装置、存储介质及客户端 |
CN108234665A (zh) * | 2018-01-11 | 2018-06-29 | 北京值得买科技股份有限公司 | 跳转处理方法和设备 |
CN108337317A (zh) * | 2018-02-09 | 2018-07-27 | 马上消费金融股份有限公司 | 一种处理路由请求的方法及装置 |
CN108563668A (zh) * | 2018-01-08 | 2018-09-21 | 武汉斗鱼网络科技有限公司 | Hybrid页面跳转H5页面的方法、装置及终端设备 |
CN109683990A (zh) * | 2018-12-27 | 2019-04-26 | 四川新网银行股份有限公司 | 基于混合模式移动应用的h5多端接入方法 |
CN109857386A (zh) * | 2018-12-30 | 2019-06-07 | 贝壳技术有限公司 | 一种页面跳转方法及装置 |
CN110874236A (zh) * | 2019-11-13 | 2020-03-10 | 中国建设银行股份有限公司 | 一种跨平台应用装置、终端及存储介质 |
CN112068879A (zh) * | 2020-09-10 | 2020-12-11 | 工银科技有限公司 | 基于配置化的客户端应用程序开发框架构建方法及装置 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104866340A (zh) * | 2015-04-29 | 2015-08-26 | 小米科技有限责任公司 | 终端设备软件更新方法及装置 |
US20160026460A1 (en) * | 2013-03-11 | 2016-01-28 | Zte Corporation | Device and Method for Upgrading Data Terminal |
CN106155708A (zh) * | 2015-03-24 | 2016-11-23 | Tcl集团股份有限公司 | 一种动态加载和更新页面内容的方法及*** |
CN106202381A (zh) * | 2016-07-08 | 2016-12-07 | 贵阳语玩科技有限公司 | 启动页面的路由方法、装置及组件 |
-
2017
- 2017-01-11 CN CN201710017885.XA patent/CN106874035B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20160026460A1 (en) * | 2013-03-11 | 2016-01-28 | Zte Corporation | Device and Method for Upgrading Data Terminal |
CN106155708A (zh) * | 2015-03-24 | 2016-11-23 | Tcl集团股份有限公司 | 一种动态加载和更新页面内容的方法及*** |
CN104866340A (zh) * | 2015-04-29 | 2015-08-26 | 小米科技有限责任公司 | 终端设备软件更新方法及装置 |
CN106202381A (zh) * | 2016-07-08 | 2016-12-07 | 贵阳语玩科技有限公司 | 启动页面的路由方法、装置及组件 |
Non-Patent Citations (1)
Title |
---|
CHENDEMO: "Hybrid APP 架构设计思路", 《HTTPS://GITHUB.COM/CHEMDEMO/CHEMDEMO.GITHUB.IO/ISSUES/12》 * |
Cited By (14)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107968841A (zh) * | 2017-12-20 | 2018-04-27 | 深圳乐信软件技术有限公司 | 网络页面的动态路由方法、装置、存储介质及客户端 |
CN107968841B (zh) * | 2017-12-20 | 2021-03-09 | 深圳乐信软件技术有限公司 | 网络页面的动态路由方法、装置、存储介质及客户端 |
CN108563668A (zh) * | 2018-01-08 | 2018-09-21 | 武汉斗鱼网络科技有限公司 | Hybrid页面跳转H5页面的方法、装置及终端设备 |
CN108234665A (zh) * | 2018-01-11 | 2018-06-29 | 北京值得买科技股份有限公司 | 跳转处理方法和设备 |
CN108234665B (zh) * | 2018-01-11 | 2021-07-09 | 北京值得买科技股份有限公司 | 跳转处理方法和设备 |
CN108337317A (zh) * | 2018-02-09 | 2018-07-27 | 马上消费金融股份有限公司 | 一种处理路由请求的方法及装置 |
CN109683990A (zh) * | 2018-12-27 | 2019-04-26 | 四川新网银行股份有限公司 | 基于混合模式移动应用的h5多端接入方法 |
CN109683990B (zh) * | 2018-12-27 | 2019-07-23 | 四川新网银行股份有限公司 | 基于混合模式移动应用的h5多端接入方法 |
CN109857386A (zh) * | 2018-12-30 | 2019-06-07 | 贝壳技术有限公司 | 一种页面跳转方法及装置 |
CN109857386B (zh) * | 2018-12-30 | 2022-06-21 | 贝壳技术有限公司 | 一种页面跳转方法及装置 |
CN110874236A (zh) * | 2019-11-13 | 2020-03-10 | 中国建设银行股份有限公司 | 一种跨平台应用装置、终端及存储介质 |
CN110874236B (zh) * | 2019-11-13 | 2023-04-07 | 中国建设银行股份有限公司 | 一种跨平台应用装置、终端及存储介质 |
CN112068879A (zh) * | 2020-09-10 | 2020-12-11 | 工银科技有限公司 | 基于配置化的客户端应用程序开发框架构建方法及装置 |
CN112068879B (zh) * | 2020-09-10 | 2023-10-13 | 中国工商银行股份有限公司 | 基于配置化的客户端应用程序开发框架构建方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN106874035B (zh) | 2020-06-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106874035A (zh) | 一种用于更新应用(app)内置H5的方法及其框架 | |
CN107577459B (zh) | 一种基于组件化的拖拽式跨平台应用开发***及方法 | |
CN102567516B (zh) | 脚本加载方法及装置 | |
CN103092665B (zh) | 即时更新装置和即时更新方法 | |
CN104899047B (zh) | 网页框架部署方法和*** | |
CN104156243A (zh) | 一种应用分发和快速加载运行的***及方法 | |
CN104615462B (zh) | 跨平台的移动应用生成服务端及*** | |
CN106815276A (zh) | 页面跳转方法及装置 | |
CN105574207A (zh) | 一种wap网页开发方法 | |
CN104317642A (zh) | 云计算环境下的软件部署方法和装置 | |
CN104111855A (zh) | 一种基于Lua的iOS客户端功能动态更新的方法 | |
CN101763269A (zh) | 一种软件安装包的制作方法 | |
CN106325876A (zh) | 一种在线图形化编程及控制嵌入式设备的方法、*** | |
CN104038520B (zh) | 一种多版本分布式资源管理方法和*** | |
CN101635640A (zh) | Web网站***服务器终端程序的版本自动发布方法 | |
CN101944032A (zh) | 一种微件更新的方法及客户端、服务器及*** | |
CN102833350A (zh) | WebApp更新的处理方法和处理装置 | |
CN103207902A (zh) | 一种金融客户端数据更新方法及*** | |
CN102904947A (zh) | 应用客户端展示样式更新和/或内容扩展的方法及*** | |
CN107305553A (zh) | 一种基于Hybrid App中动态跳转Hybrid页面的方法及*** | |
CN103176809B (zh) | 应用升级方法及*** | |
CN110221848A (zh) | App页面更新方法、装置、电子设备及存储介质 | |
CN110321503B (zh) | 一种web组件缓存方法、装置及电子设备 | |
CN105100144A (zh) | 更新应用的方法及装置 | |
EP2702485A1 (en) | Web-based app builder for mobile devices with automatic updates |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |