全网唯一标准王
(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210282058.4 (22)申请日 2022.03.21 (71)申请人 银盛支付 服务股份有限公司 地址 518000 广东省深圳市龙华区民治街 道新区大道 997号远景家园五楼5 01 (72)发明人 潘信璋  (74)专利代理 机构 深圳市深可信专利代理有限 公司 44599 专利代理师 李宇绘 (51)Int.Cl. G06F 9/445(2018.01) G06F 16/958(2019.01) (54)发明名称 一种iOS加载H 5页面优化方法 (57)摘要 本发明公开了一种iOS加载H5页面优化方 法, 其改进之处在于包括以下步骤: S1.将H5源文 件打包并压缩成压缩文件; S2.将压缩文件上传 至服务器; S3.APP启动时请求后端接口判断H5源 文件是否有更新, 若源文件有更新, 则下载更新 后的H5源文件并解压保存, 若源文件无更新, 则 无需处理; S4.在 APP内打开H5源文件; S5.判断网 络请求, 并判断是否有本地资源, 若有本地资源 则加载本地 资源, 若无本地资源则从 网络获取资 源; S6.进行H5页面渲染。 在app打开时, 从服务端 下载h5源文件zip包, 下载到本地解压保存, 通过 url地址做本地拦截, 判断该地址本地是否有源 文件, 有的话, 直接加载本地资源文件, 减少从请 求下载页面到渲染之间这段时间的耗时, 如果没 有的话, 再从网络上获取资源。 权利要求书1页 说明书2页 附图1页 CN 114816562 A 2022.07.29 CN 114816562 A 1.一种iOS加载H 5页面优化方法, 其特 征在于包括以下步骤: S1.将H5源文件打包并压缩成压缩文件; S2.将压缩文件上传至服 务器; S3.APP启动时请求后端接口判断H5源文件是否有更新, 若源文件有更新, 则下载更新 后的H5源文件并解压保存, 若源文件无 更新, 则无需处 理; S4.在APP内打开H 5源文件; S5.判断网络请求, 并判断是否有本地资源, 若有本地资源则加载本地资源, 若无本地 资源则从网络获取资源; S6.进行H 5页面渲染。 2.根据权利要求1所述的一种iOS加载H5页面优化方法, 其特征在于: 所述步骤S1中将 H5源文件打包成7z文件或zip文件。 3.根据权利要求1所述的一种iOS加载H5页面优化方法, 其特征在于: 所述H5源文件为 js、 css、 html、 图片、 音频、 视频等静态文件。 4.根据权利要求1所述的一种iOS加载H5页面优化方法, 其特征在于: 所述步骤S3中在 APP启动时开启线程下 载源文件。 5.根据权利 要求1所述的一种iOS加载H5页面优化方法, 其特征在于: 所述步骤S3中, 将 下载的H5源文件解压 至指定位置, 若本地有资源则替换。权 利 要 求 书 1/1 页 2 CN 114816562 A 2一种iOS加载H5页面优化方 法 技术领域 [0001]本发明涉及H 5技术领域, 具体地说, 本发明涉及一种iOS加载H 5页面优化方法。 背景技术 [0002]为了快速更新迭代、 减少移动端发版频率以及开发工作量, 目前大部分的APP  都 会用前端H5实现其中的一些功能, 然而, 在首次加载前端H5页面、 应用缓存被清、 初次加载 较大资源的时候, 页面的渲染会有一段耗时 时间, 对于用户体验来说不是很理想 。 发明内容 [0003]为了克服现有技 术的不足, 本发明提供一种耗时短的iOS加载H 5页面优化方法。 [0004]本发明解决其技术问题所采用的技术方案是: 一种iOS加载H5页面优化方法, 其改 进之处在于包括以下步骤: [0005]S1.将H5源文件打包并压缩成压缩文件; [0006]S2.将压缩文件上传至服 务器; [0007]S3.APP启动时请求后端接口判断H5源文件是否有更新, 若源文件有更新, 则下载 更新后的H 5源文件并解压保存, 若源文件无 更新, 则无需处 理; [0008]S4.在APP内打开H 5源文件; [0009]S5.判断网络请求, 并判断是否有本地资源, 若有本地资源则加载本地资源, 若无 本地资源则从网络获取资源; [0010]S6.进行H 5页面渲染。 [0011]上述技术方案中所述 步骤S1中将H 5源文件打包成7z文件或zip文件。 [0012]上述技术方案中所述H 5源文件为js、 cs s、 html、 图片、 音频、 视频等静态文件。 [0013]上述技术方案中所述 步骤S3中在AP P启动时开启线程下 载源文件。 [0014]上述技术方案中所述步骤S3中, 将下载的H5源文件解压至指定位置, 若本地有资 源则替换。 [0015]本发明的有益效果是: 本发明在APP打开时, 从服务端下载H5源文件压缩包, 下载 到本地解压 保存, 通过url地址做本地拦截, 判断该地址本地是否有源文件, 有的话, 直接加 载本地资源文件, 如果没有的话, 再从网络上获取资源, 减少从请求下载页面到渲 染之间这 段时间的耗时。 附图说明 [0016]图1为本发明一种iOS加载H 5页面优化方法的工作流 程图。 具体实施方式 [0017]下面结合附图和实施例对本发明进一 步说明。 [0018]以下将结合实施例和附图对本发明的构思、 具体结构及产生的技术效果进行清说 明 书 1/2 页 3 CN 114816562 A 3

.PDF文档 专利 一种iOS加载H5页面优化方法

文档预览
中文文档 5 页 50 下载 1000 浏览 0 评论 309 收藏 3.0分
温馨提示:本文档共5页,可预览 3 页,如浏览全部内容或当前文档出现乱码,可开通会员下载原始文档
专利 一种iOS加载H5页面优化方法 第 1 页 专利 一种iOS加载H5页面优化方法 第 2 页 专利 一种iOS加载H5页面优化方法 第 3 页
下载文档到电脑,方便使用
本文档由 人生无常 于 2024-03-17 23:58:18上传分享
友情链接
站内资源均来自网友分享或网络收集整理,若无意中侵犯到您的权利,敬请联系我们微信(点击查看客服),我们将及时删除相关资源。