[发明专利]客户端离线化H5页面加载方法、装置、计算机设备及介质

说明书

本申请实施例属于页面展示领域，涉及一种客户端离线化H5页面加载方法，包括预先挂载注入指令至脚本环境，并利用注入指令，将原生指令加载至脚本环境，将创建的第一网络请求对象内的参数重写，得到第二网络请求对象，将页面发起的所有网络请求进行拦截，根据请求方式确定网络请求需要代理转发时，根据请求标识由第二网络请求对象将网络请求转发至服务端，从服务端获取加载页面所需的资源数据，根据资源数据调用原生指令加载出页面，并将资源数据缓存至本地。本申请还提供一种客户端离线化H5页面加载装置、计算机设备及介质。此外，本申请还涉及区块链技术，网络请求可存储于区块链中。本申请可以加速H5页面展示，减少网页视图加载时的白屏时间。

技术领域

本申请涉及页面展示技术领域，尤其涉及一种客户端离线化H5页面加载方法、装置、计算机设备及介质。

背景技术

Native APP(原生应用)需要开发人员根据不同系统平台使用不同语言进行开发实现，不仅开发成本及周期长，而且用户升级成本高。随着行业及技术的发展，企业为了追求开发成本、产品质量、用户体验和开发效率，前端H5APP(Hyper Text MarkupLanguage5.0Application，H5应用)和客户端Native APP混合开发的模式是必然的趋势。同时也因为H5开发的诸多优势(如跨平台、跨终端、更新快、易传播等)使得客户端中H5资源占比率逐步增加。

为了加快客户端加载H5页面的速度，现在H5页面的呈现方法中，通常是以离线包的形式，将H5所需的文件资源全部统一打包至一个ZIP文件内，客户端Native下载离线包后解压使用，再WebView里加载解压后的H5文件。但是，这种方式极大程度上依赖H5的改造支持，构造离线包，创建分发服务端平台供客户端下载，整个过程需要额外制作离线包文件，不仅耗流量而且响应时间较长。

发明内容

本申请实施例的目的在于提出一种客户端离线化H5页面加载方法、装置、计算机设备及介质，以解决相关技术中额外制作离线包文件，工作量大，同时造成流量消耗以及H5页面加载速度慢的技术问题。

为了解决上述技术问题，本申请实施例提供一种客户端离线化H5页面加载方法，采用了如下所述的技术方案：

预先挂载注入指令至脚本环境，并利用所述注入指令，将原生指令加载至所述脚本环境；

创建第一网络请求对象，重写所述第一网络请求对象内的参数得到第二网络请求对象，并将页面发起的网络请求的请求标识和请求方式添加至所述第二网络请求对象中；

对所有所述网络请求进行拦截，根据所述请求方式确定所述网络请求是否需要代理转发，当所述网络请求为需要代理转发时，则根据所述请求标识由所述第二网络请求对象将所述网络请求转发至服务端；

在接收到所述服务端发送的处理完成指令时，从所述服务端获取到加载页面所需的资源数据；及

根据所述资源数据调用所述原生指令加载出所述页面，并将所述资源数据缓存至本地。

进一步的，所述预先挂载注入指令至脚本环境的步骤包括：

创建脚本文件，在所述脚本文件内声明注入指令；

创建网页视图，并将所述脚本文件声明的所述注入指令挂载至所述网页视图的脚本环境。

进一步的，所述利用所述注入指令，将原生指令加载至所述脚本环境的步骤包括：

按模块加载原生指令的指令名称，利用所述注入指令，将所述模块的模块名称和所述模块对应的所有所述指令名称加载至所述脚本环境；

将所述模块名称和对应的所有所述指令名称，以预设存储方式缓存至所述脚本环境的脚本对象内，并组装形成伪协议。