一种基于弱离线包的H5页面解析方法与流程

文档序号:15931029发布日期:2018-11-14 01:38阅读:562来源:国知局

本发明涉及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页面,

将离线包预置到服务器中,设定为仅在h5页面需要使用时才必须下载,构成弱离线包,

生成配置文件,所述配置文件通过离线包id唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识弱离线包,

将配置文件预置到服务器中,

app安装包安装到客户端后,在h5页面需要使用时app检查配置文件,确定是否存在弱离线包,

如果存在,则向服务器发送请求,将弱离线包下载至客户端本地,

当app访问离线包对应的h5页面时,直接从下载完毕的弱离线包解析h5页面。

在上述技术方案的基础上,所述离线包,其中至少包括:

html代码,css代码,js代码和静态图片。

在上述技术方案的基础上,所述弱离线包中包括app启动后展示几率小于50%的模块,所述模块包括h5页面。

在上述技术方案的基础上,所述客户端为便携移动设备或虚拟便携移动设备。

在上述技术方案的基础上,离线包中还包括:

二级离线包,与离线包对应同一个或同一组相关联的h5页面,二级离线包的版本低于离线包的版本。

在上述技术方案的基础上,二级离线包为上一个版本的离线包,离线包为最新版本的离线包。

在上述技术方案的基础上,二级离线包为上一个稳定工作版本的离线包,离线包为最新测试版本的离线包。

在上述技术方案的基础上,二级离线包为默认的版本的离线包,离线包为最新版本的离线包。

在上述技术方案的基础上,当包含二级离线包时,如下载完毕的弱离线包解析h5页面失败,则尝试从二级离线包进一步解析h5页面。

在上述技术方案的基础上,当包含二级离线包时,如app启动出现故障,则尝试从二级离线包进一步解析h5页面。

本发明所述的基于弱离线包的h5页面解析方法,对频繁使用的h5页面优先更新,保证更新的及时性及可靠性,更新方便、快捷,兼顾更新效率及节省流量,提升用户体验,开发效率及后期维护均有所提升。具有以下优点:

1、更新及时、高效,节省流量;

2、客户端加载速度快;

3、用户体验比较好;

4、可以一定程度上避免dns劫持。

附图说明

本发明有如下附图:

图1本发明的流程图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

如图1所示,本发明所述的基于弱离线包的h5页面解析方法,包括如下步骤:

生成离线包,所述离线包采用zip格式压缩,其中包含一个h5页面或一组相关联的h5页面,

将离线包预置到服务器中,设定为仅在h5页面需要使用时才必须下载,构成弱离线包,

生成配置文件,所述配置文件通过离线包id唯一标识各离线包,通过版本号唯一标识离线包的版本信息,通过强制下载标识唯一标识弱离线包,更进一步,可通过失效标识唯一标识离线包是否启用,

将配置文件预置到服务器中,

app安装包安装到客户端后,在h5页面需要使用时app检查配置文件,确定是否存在弱离线包,

如果存在,则向服务器发送请求,将弱离线包下载至客户端本地,

当app访问离线包对应的h5页面时,直接从下载完毕的弱离线包解析h5页面。

如果弱离线包下载失败,或解析错误,可尝试从线上地址进行访问。

更进一步,h5页面使用完毕后,预设一延迟时间,在延迟时间内该h5页面再次被使用,则延迟时间重新计算,如果超出延迟时间该h5页面未被使用,则删除弱离线包。

弱离线包的目标是:为了节省手机存储空间和流量设计的,是针对一些访问量不大的页面,比如用户反馈页面。这个页面大多数用户不会访问的,所以,这个离线包只有当用户访问过一次后,才会下载。

在上述技术方案的基础上,所述离线包,其中至少包括:

html代码,css代码,js代码和静态图片。

更进一步,离线包中还包括:

二级离线包,与离线包对应同一个或同一组相关联的h5页面,二级离线包的版本低于离线包的版本。即弱离线包中还包括一二级离线包,以便根据需要合理选用。

例如:

二级离线包为上一个版本的离线包,离线包为最新版本的离线包。

再例如:

二级离线包为上一个稳定工作版本的离线包,离线包为最新测试版本的离线包。

又例如:

二级离线包为默认的版本的离线包,离线包为最新版本的离线包。

所述默认的版本可以是:

默认一个或一组预设服务器的版本的离线包,

默认最后一版稳定工作版本的离线包。

二级离线包的信息亦存储于配置文件中。可采用二级标识唯一标识二级离线包。

当包含二级离线包时,如下载完毕的弱离线包解析h5页面失败,则尝试从二级离线包进一步解析h5页面。

更进一步,当包含二级离线包时,如app启动出现故障,则尝试从二级离线包进一步解析h5页面。

在上述技术方案的基础上,所述弱离线包中包括app启动后展示几率小于50%的模块,所述模块包括h5页面。

展示几率计算方式为:在单位时间内,某模块展示的总数/活跃app总数*100%。举个例子,一个app有10万个用户,昨天一天启动的用户总数1万,这1万个用户有5000个访问到了这个离线包实现的模块,那么这个离线包的展示几率就是5000/10000*100%=50%。

在上述技术方案的基础上,所述客户端为便携移动设备或虚拟便携移动设备。

所述便携移动设备尤指手机。

本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1