一种基于强离线包的H5页面解析方法技术

技术编号:19341201 阅读:31 留言:0更新日期:2018-11-07 13:34
本发明专利技术涉及一种基于强离线包的H5页面解析方法,包括如下步骤:生成离线包及相应的配置文件,将离线包预置到服务器中,设定为APP启动后必须下载,构成强离线包,APP启动时检查配置文件,确定是否存在强离线包,如果存在,则将强离线包下载至客户端本地,当APP访问离线包对应的H5页面时,直接从下载完毕的强离线包解析H5页面。本发明专利技术,对频繁使用的H5页面优先更新,保证更新的及时性及可靠性,更新方便、快捷,兼顾更新效率及节省流量,提升用户体验,开发效率及后期维护均有所提升。

A H5 page parsing method based on strong offline package

The present invention relates to an H5 page parsing method based on strong offline packages, which includes the following steps: generating offline packages and corresponding configuration files, preset offline packages into servers, set them to be downloaded after start-up of APP, constitute strong offline packages, check configuration files when start-up of APP, and determine whether there are strong offline packages, if there are any. When APP accesses the corresponding H5 page of the offline package, it parses the H5 page directly from the downloaded strong offline package. The invention gives priority to updating frequently used H5 pages, guarantees the timeliness and reliability of updating, updates conveniently and quickly, takes into account the updating efficiency and saves traffic, improves user experience, development efficiency and late maintenance.

【技术实现步骤摘要】
一种基于强离线包的H5页面解析方法
本专利技术涉及Native和H5混合开发
,具体说是一种基于强离线包的H5页面解析方法。
技术介绍
现在的APP,很多是Native和H5混合开发的,主要的实现思想是:用H5做页面,以JS为桥梁,调用Native方法,Native用WebView装载H5页面,控制H5页面,这样实现了H5与Native的交互。这样做的好处是各个端只需要一套页面,维护成本低,而且H5可以随便修改,APP不用升级也可以更新,曲线实现了“热更新”。但是在性能上,肯定没有纯Native好,而且在体验上也没有Native那么好。H5是html5的简称。HTML最新的修订版本,是一种超文本标记语言。H5先调用系统的浏览器内核,相当于是在网页中进行操作,较Native稳定性稍差、速度较慢。优点在于可以跨平台,同时开发容易、效率高、方便调试。Native使用原生系统内核,相当于直接在系统上操作,更加稳定、快速,可以使用非常非常多的API,因此开发出来的功能较佳。通常,Native和H5混合开发采用以下方案:重要模块是Native开发,保证了APP的流畅度和比较好的用户体验;要求及时更新的模块是H5开发,如比赛页面,广告活动页面,因为用H5开发的好处是开发周期短,可以在线更新。由于H5页面的解析、访问需要网络支持,在没有网络的情况下,相应的网络请求不能及时得到服务器的响应,将影响用户体验,也不利于开发时对APP的测试。
技术实现思路
针对现有技术中存在的缺陷,本专利技术的目的在于提供一种基于强离线包的H5页面解析方法,对频繁使用的H5页面优先更新,保证更新的及时性及可靠性,更新方便、快捷,兼顾更新效率及节省流量,提升用户体验,开发效率及后期维护均有所提升。为达到以上目的,本专利技术采取的技术方案是:一种基于强离线包的H5页面解析方法,其特征在于,包括如下步骤:生成离线包,所述离线包采用zip格式压缩,其中包含一个H5页面或一组相关联的H5页面,将离线包预置到服务器中,设定为APP启动后必须下载,构成强离线包,生成配置文件,所述配置文件通过离线包ID唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识强离线包,将配置文件预置到服务器中,APP安装包安装到客户端后,APP启动时检查配置文件,确定是否存在强离线包,如果存在,则向服务器发送请求,将强离线包下载至客户端本地,当APP访问离线包对应的H5页面时,直接从下载完毕的强离线包解析H5页面。在上述技术方案的基础上,所述离线包,其中至少包括:HTML代码,CSS代码,JS代码和静态图片。在上述技术方案的基础上,所述强离线包中包括APP启动后展示几率大于等于160%的模块,所述模块包括H5页面。在上述技术方案的基础上,所述客户端为便携移动设备或虚拟便携移动设备。在上述技术方案的基础上,离线包中还包括:二级离线包,与离线包对应同一个或同一组相关联的H5页面,二级离线包的版本低于离线包的版本。在上述技术方案的基础上,二级离线包为上一个版本的离线包,离线包为最新版本的离线包。在上述技术方案的基础上,二级离线包为上一个稳定工作版本的离线包,离线包为最新测试版本的离线包。在上述技术方案的基础上,二级离线包为默认的版本的离线包,离线包为最新版本的离线包。在上述技术方案的基础上,当包含二级离线包时,如下载完毕的强离线包解析H5页面失败,则尝试从二级离线包进一步解析H5页面。在上述技术方案的基础上,当包含二级离线包时,如APP启动出现故障,则尝试从二级离线包进一步解析H5页面。本专利技术所述的基于强离线包的H5页面解析方法,对频繁使用的H5页面优先更新,保证更新的及时性及可靠性,更新方便、快捷,兼顾更新效率及节省流量,提升用户体验,开发效率及后期维护均有所提升。具有以下优点:1、更新及时、高效;2、客户端加载速度快;3、用户体验比较好;4、可以一定程度上避免DNS劫持。附图说明本专利技术有如下附图:图1本专利技术的流程图。具体实施方式以下结合附图对本专利技术作进一步详细说明。如图1所示,本专利技术所述的基于强离线包的H5页面解析方法,包括如下步骤:生成离线包,所述离线包采用zip格式压缩,其中包含一个H5页面或一组相关联的H5页面,将离线包预置到服务器中,设定为APP启动后必须下载,构成强离线包,生成配置文件,所述配置文件通过离线包ID唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识强离线包,更进一步,可通过失效标识唯一标识离线包是否启用,将配置文件预置到服务器中,配置文件可采用文本文件格式存储,以便于快速检索,APP安装包安装到客户端后,APP启动时检查配置文件,确定是否存在强离线包,如果存在,则向服务器发送请求,将强离线包下载至客户端本地,当APP访问离线包对应的H5页面时,直接从下载完毕的强离线包解析H5页面。如果强离线包下载失败,或解析错误,可尝试从线上地址进行访问。强离线包APP启动的时候检查更新。这种离线包主要针对用户访问频率比较高的页面。更进一步,配置文件中有离线包的hash值及下载地址信息,通过hash值比对确定服务器和本地的强离线包是否相同。以下为一个配置文件示例:8000000appid"8000000"name"feedback-h5"version"1.0.37"title"反馈系统"description"feedbackoffline"offlinetruelaunchParamsurl"/index.html"showTitleBartrueshowOptionMenutrueshowLoadingtrueshowProgressfalsecdn"static.kuwo.cn"hostdev"http://174.17.71.35:8683/8000000"online"http://appkuwo.cn/8000000"hash"9f61ec1a04dd97bc5d05cffcfa5597bd"zip"http://static.kuwo.cn/8000000/h5app_8000000_1.0.37_1526487752633.zip"0000006appid"0000006"name"app9_0"version"2.1.28"title"主播电台"description"9.0主板离线包"offlinetruelaunchParamsurl"/classify.html"showTitleBartrueshowOptionMenutrueshowLoadingtrueshowProgressfalsecdn"static.kuwo.cn"hostdev"http://appkuwo.cn/0000006"online"http://appkuwo.cn/0000006"hash"20a1e2f4559ba8fe6ec8c8103c97f111"zip"http://static.kuwo.cn/0000006/h5app_0000006_2.1.28_1525422434254.zip"0000002appid"0000002"name"offline-demo"version"0.0.9"tit本文档来自技高网...

【技术保护点】
1.一种基于强离线包的H5页面解析方法,其特征在于,包括如下步骤:生成离线包,所述离线包采用zip格式压缩,其中包含一个H5页面或一组相关联的H5页面,将离线包预置到服务器中,设定为APP启动后必须下载,构成强离线包,生成配置文件,所述配置文件通过离线包ID唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识强离线包,将配置文件预置到服务器中,APP安装包安装到客户端后,APP启动时检查配置文件,确定是否存在强离线包,如果存在,则向服务器发送请求,将强离线包下载至客户端本地,当APP访问离线包对应的H5页面时,直接从下载完毕的强离线包解析H5页面。

【技术特征摘要】
1.一种基于强离线包的H5页面解析方法,其特征在于,包括如下步骤:生成离线包,所述离线包采用zip格式压缩,其中包含一个H5页面或一组相关联的H5页面,将离线包预置到服务器中,设定为APP启动后必须下载,构成强离线包,生成配置文件,所述配置文件通过离线包ID唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识强离线包,将配置文件预置到服务器中,APP安装包安装到客户端后,APP启动时检查配置文件,确定是否存在强离线包,如果存在,则向服务器发送请求,将强离线包下载至客户端本地,当APP访问离线包对应的H5页面时,直接从下载完毕的强离线包解析H5页面。2.如权利要求1所述的基于强离线包的H5页面解析方法,其特征在于:所述离线包,其中至少包括:HTML代码,CSS代码,JS代码和静态图片。3.如权利要求1所述的基于强离线包的H5页面解析方法,其特征在于:所述强离线包中包括APP启动后展示几率大于等于160%的模块,所述模块包括H5页面。4.如权利要求1所述的基于强离线包的H5页面解析方法,...

【专利技术属性】
技术研发人员:邵增光
申请(专利权)人:北京酷我科技有限公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1