CN113064685A - 一种h5页面加载方法及装置 - Google Patents
一种h5页面加载方法及装置 Download PDFInfo
- Publication number
- CN113064685A CN113064685A CN202110292915.4A CN202110292915A CN113064685A CN 113064685 A CN113064685 A CN 113064685A CN 202110292915 A CN202110292915 A CN 202110292915A CN 113064685 A CN113064685 A CN 113064685A
- Authority
- CN
- China
- Prior art keywords
- resource
- page
- resource package
- package
- version number
- 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.)
- Pending
Links
- 238000011068 loading method Methods 0.000 title claims abstract description 53
- 238000000034 method Methods 0.000 claims abstract description 26
- 230000004044 response Effects 0.000 claims description 20
- 238000004590 computer program Methods 0.000 claims description 18
- 238000001514 detection method Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 11
- 238000011161 development Methods 0.000 description 7
- 230000005540 biological transmission Effects 0.000 description 6
- 238000004891 communication Methods 0.000 description 3
- 230000007547 defect Effects 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000003287 optical effect Effects 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 238000012545 processing Methods 0.000 description 2
- 230000006872 improvement Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提供了一种H5页面加载方法及装置,其中,该方法包括:当应用程序加载H5页面时,检测本地是否存储有该H5页面对应的H5资源包;在检测到本地存储有该H5资源包的情况下,对该H5资源包进行解压,得到HTML文件,并根据该HTML文件加载该H5页面,可以解决相关技术中每次打开H5页面都从远端请求H5资源包,耗费大量网络资源,且会出现白屏、刷新慢等现象的问题,通过对H5页面的预加载,保证了APP启动的速度,极大提高用户使用体验。
Description
技术领域
本发明涉及通信领域,具体而言,涉及一种H5页面加载方法及装置。
背景技术
H5页面因其热更新、开发速度快等优点,越来越多用到了移动端APP(Application)的开发中,原生组件+H5页面混合展示业务的混合开发模式变得普遍。但H5页面应用到移动端APP开发中,也有其缺点,如在手机离线状态下,H5页面无法加载的问题。且在H5页面热更新完成新版本上线的过程中,打开同一页面,会出现新旧页面刷新的现象,用户体验不佳。在物联网方向,因要控制的设备品类、型号非常多,使用H5页面来做加载多个详情页时,上述问题尤为严重。
APP每次启动过程中大批量下载H5资源包,缺点为APP启动速度慢;每次打开H5页面都请求一遍远端,缺点为耗费大量网络资源,降低用户体验,页面往往会出现白屏、刷新慢等现象。
针对相关技术中每次打开H5页面都从远端请求H5资源包,耗费大量网络资源,且会出现白屏、刷新慢等现象的问题,尚未提出解决方案。
发明内容
本发明实施例提供了一种H5页面加载方法及装置,以至少解决相关技术中每次打开H5页面都从远端请求H5资源包,耗费大量网络资源,且会出现白屏、刷新慢等现象的问题。
根据本发明的一个实施例,提供一种H5页面加载方法,包括:
当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到超文本标记语言(Hyper Text Mark-up Language,简称为HTML)文件,并根据所述HTML文件加载所述H5页面。
可选地,所述方法还包括:
在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的H5资源包,并将所述H5资源包存储到本地;
对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
可选地,所述方法还包括:
向所述服务器发送获取H5资源包列表的第一请求消息;
接收所述服务器根据所述第一请求消息发送的第一响应消息,其中,所述第一响应消息中携带有所有H5资源包对应的版本号;
根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。
可选地,根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包包括:
将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比;
确定待更新的目标资源包,其中,所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包;
从所述服务器获取所述待更新的目标资源包;
根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。
可选地,所述方法还包括:
接收服务器发送的H5资源包更新的推送消息,其中,所述推送消息中携带有待更新的资源包名称与版本号;
根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新。
可选地,根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新包括:
向所述服务器发送获取H5资源包的第二请求消息,其中,所述第二请求消息中携带有所述资源包名称与所述版本号;
接收所述服务器发送的第二响应消息,其中,所述第二响应消息中携带有所述资源包名称与所述版本号对应的目标H5资源包;
根据所述目标H5资源包更新本地存储的H5资源包。
根据本发明的另一个实施例,还提供了一种H5页面加载装置,包括:
检测模块,用于当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
第一加载模块,用于在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面。
可选地,所述装置还包括:
存储模块,用于在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的H5资源包,并将所述H5资源包存储到本地;
第二加载模块,用于对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
可选地,所述装置还包括:
发送模块,用于向所述服务器发送获取H5资源包列表的第一请求消息;
第一接收模块,用于接收所述服务器根据所述第一请求消息发送的第一响应消息,其中,所述第一响应消息中携带有所有H5资源包对应的版本号;
第一更新模块,用于根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。
可选地,所述第一更新模块包括:
对比子模块,用于将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比;
确定子模块,用于确定待更新的目标资源包,其中,所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包;
获取子模块,用于从所述服务器获取所述待更新的目标资源包;
第一更新子模块,用于根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。
可选地,所述装置还包括:
第二接收模块,用于接收服务器发送的H5资源包更新的推送消息,其中,所述推送消息中携带有待更新的资源包名称与版本号;
第二更新模块,用于根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新。
可选地,所述第二更新模块包括:
发送子模块,用于向所述服务器发送获取H5资源包的第二请求消息,其中,所述第二请求消息中携带有所述资源包名称与所述版本号;
接收子模块,用于接收所述服务器发送的第二响应消息,其中,所述第二响应消息中携带有所述资源包名称与所述版本号对应的目标H5资源包;
第二更新子模块,用于根据所述目标H5资源包更新本地存储的H5资源包。
根据本发明的又一个实施例,还提供了一种计算机可读的存储介质,所述存储介质中存储有计算机程序,其中,所述计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
根据本发明的又一个实施例,还提供了一种电子装置,包括存储器和处理器,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行上述任一项方法实施例中的步骤。
通过本发明,当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面,可以解决相关技术中每次打开H5页面都从远端请求H5资源包,耗费大量网络资源,且会出现白屏、刷新慢等现象的问题,通过对H5页面的预加载,保证了APP启动的速度,极大提高用户使用体验。
附图说明
此处所说明的附图用来提供对本发明的进一步理解,构成本申请的一部分,本发明的示意性实施例及其说明用于解释本发明,并不构成对本发明的不当限定。在附图中:
图1是本发明实施例的H5页面加载方法的移动终端的硬件结构框图;
图2是根据本发明实施例的H5页面加载方法的流程图;
图3是根据本发明实施例的H5资源包更新的流程图一;
图4是根据本发明实施例的H5资源包更新的流程图二;
图5是根据本发明实施例的H5页面加载装置的框图;
图6是根据本发明优选实施例的H5页面加载装置的框图一;
图7是根据本发明优选实施例的H5页面加载装置的框图二;
图8是根据本发明优选实施例的H5页面加载装置的框图三。
具体实施方式
下文中将参考附图并结合实施例来详细说明本发明。需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。
实施例1
本申请实施例一所提供的方法实施例可以在移动终端、计算机终端或者类似的运算装置中执行。以运行在移动终端上为例,图1是本发明实施例的H5页面加载方法的移动终端的硬件结构框图,如图1所示,移动终端可以包括一个或多个(图1中仅示出一个)处理器102(处理器102可以包括但不限于微处理器MCU或可编程逻辑器件FPGA等的处理装置)和用于存储数据的存储器104,可选地,上述移动终端还可以包括用于通信功能的传输设备106以及输入输出设备108。本领域普通技术人员可以理解,图1所示的结构仅为示意,其并不对上述移动终端的结构造成限定。例如,移动终端还可包括比图1中所示更多或者更少的组件,或者具有与图1所示不同的配置。
存储器104可用于存储计算机程序,例如,应用软件的软件程序以及模块,如本发明实施例中的H5页面加载方法对应的计算机程序,处理器102通过运行存储在存储器104内的计算机程序,从而执行各种功能应用以及数据处理,即实现上述的方法。存储器104可包括高速随机存储器,还可包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器104可进一步包括相对于处理器102远程设置的存储器,这些远程存储器可以通过网络连接至移动终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
传输装置106用于经由一个网络接收或者发送数据。上述的网络具体实例可包括移动终端的通信供应商提供的无线网络。在一个实例中,传输装置106包括一个网络适配器(Network INterface CoNtroller,简称为NIC),其可通过基站与其他网络设备相连从而可与互联网进行通讯。在一个实例中,传输装置106可以为射频(Radio FrequeNcy,简称为RF)模块,其用于通过无线方式与互联网进行通讯。
基于上述的移动终端或网络架构,在本实施例中提供了一种H5页面加载方法,图2是根据本发明实施例的H5页面加载方法的流程图,如图2所示,该流程包括如下步骤:
步骤S202,当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
步骤S204,在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面。
本发明实施例中,在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的H5资源包,并将所述H5资源包存储到本地;对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
通过上述步骤S202至S204,当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面,可以解决相关技术中每次打开H5页面都从远端请求H5资源包,耗费大量网络资源,且会出现白屏、刷新慢等现象的问题,通过对H5页面的预加载,保证了APP启动的速度,极大提高用户使用体验。
在一个可选的实施例中,可以主动触发对本地存储的H5资源包,向所述服务器发送获取H5资源包列表的第一请求消息;接收所述服务器根据所述第一请求消息发送的第一响应消息,其中,所述第一响应消息中携带有所有H5资源包对应的版本号;根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。
进一步地,根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包具体可以包括:将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比;确定待更新的目标资源包,其中,所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包;从所述服务器获取所述待更新的目标资源包;根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。
在另一可选的实施例,还可以根据服务器的推送信息更新本地存储的H5资源包,具体的,接收服务器发送的H5资源包更新的推送消息,其中,所述推送消息中携带有待更新的资源包名称与版本号;根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新。
进一步地,根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新具体可以包括:向所述服务器发送获取H5资源包的第二请求消息,其中,所述第二请求消息中携带有所述资源包名称与所述版本号;接收所述服务器发送的第二响应消息,其中,所述第二响应消息中携带有所述资源包名称与所述版本号对应的目标H5资源包;根据所述目标H5资源包更新本地存储的H5资源包。
移动端开发因其业务需求变化快,迫使开发人员需要快速迭代版本。原生开发+H5混合开发的方式越来越普遍,本发明实施例中阐述的H5资源包预加载、服务器推送热更新、打开单H5页面优先查询本地资源包并更新远端H5页面这三种技术手段相结合,可以达到在业务快速迭代的同时,随时更新新版业务需求,同时优化了H5页面加载受网络因素影响过大的问题,使APP中加载H5页面如原生页面一样丝滑。
本发明实施例,将H5资源包的预置到APP(Application)中,作为H5默认页面;服务器推送H5资源包需要更新的版本号,APP主动更新资源包;用户打开某个H5页面时,优先打开本地H5页面,需要更新才打开远端H5页面。图3是根据本发明实施例的H5资源包更新的流程图一,如图3所示,包括:
步骤S301,移动终端首次启动安装预置H5资源包;
步骤S302,移动终端向服务器请求H5资源包列表;
步骤S303,移动终端接收服务器返回的所有H5资源包对应的版本号;
步骤S304,移动终端项服务器请求批量更新低版本的H5资源包;
步骤S305,移动终端接收服务器返回的H5资源包;
步骤S306,移动终端解压H5资源包并安装;
步骤S307,移动终端从服务器请求需要更新的H5压缩资源包列表;
步骤S308,移动终端从服务器获取热更新需要更新的H5资源包;
步骤S308,移动终端解压需要更新的H5资源包并安装,具体解压为.HTML文件,以供用户后续加载H5页面,具体逻辑如下:
移动终端APP首次启动,加载预置在APP中的本地资源包,以达到断网和首次加载H5页面,APP可以加载默认H5页面的目的;移动终端APP启动后,主动请求服务器接口,请求H5资源包列表,根据返回资源包列表中的资源包版本号,对比本地已安装的同一资源包版本号,如本地已安装的资源包版本号小于远端版本号,则更新此资源包,下载并解压为HTML文件;如有H5资源包更新需求,服务器可主动推送给移动终端,APP收到推送消息后,根据推送消息中需要更新的资源包名称和版本号,主动请求服务器,下载新资源包,并解压为HTML文件。
图4是根据本发明实施例的H5资源包更新的流程图二,如图4所示,打开某个H5页面的判断逻辑包括:
步骤S401,移动终端接收点击某个H5页面的触发指令;
步骤S402,查询本地H5资源包;
步骤S403,判断本地是否存在此H5资源包,在判断结果为是的情况下,执行步骤S404,否则执行步骤S405;
步骤S404,打开本地HTML文件;
步骤S405,从服务器加载H5资源包;
步骤S406,解压得到HTML文件,将HTML文件下载到本地并存储。
户点击某个H5页面时,首先需要查询APP本地是否安装过此H5页面。如果安装过此H5页面,则直接打开本地.HTML文件。如果未安装过此H5页面,则加载远端.HTML,同时将.HTML文件保存到本地,以供下次打开。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到根据上述实施例的方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
实施例2
在本实施例中还提供了一种H5页面加载装置,该装置用于实现上述实施例及优选实施方式,已经进行过说明的不再赘述。如以下所使用的,术语“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
图5是根据本发明实施例的H5页面加载装置的框图,如图5所示,包括:
检测模块52,用于当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
第一加载模块54,用于在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面。
图6是根据本发明优选实施例的H5页面加载装置的框图一,如图6所示,所述装置还包括:
存储模块62,用于在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的H5资源包,并将所述H5资源包存储到本地;
第二加载模块64,用于对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
图7是根据本发明优选实施例的H5页面加载装置的框图二,如图7所示,所述装置还包括:
发送模块72,用于向所述服务器发送获取H5资源包列表的第一请求消息;
第一接收模块74,用于接收所述服务器根据所述第一请求消息发送的第一响应消息,其中,所述第一响应消息中携带有所有H5资源包对应的版本号;
第一更新模块76,用于根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。
可选地,所述第一更新模块76包括:
对比子模块,用于将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比;
确定子模块,用于确定待更新的目标资源包,其中,所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包;
获取子模块,用于从所述服务器获取所述待更新的目标资源包;
第一更新子模块,用于根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。
图8是根据本发明优选实施例的H5页面加载装置的框图三,如图8所示,所述装置还包括:
第二接收模块82,用于接收服务器发送的H5资源包更新的推送消息,其中,所述推送消息中携带有待更新的资源包名称与版本号;
第二更新模块84,用于根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新。
可选地,所述第二更新模块84包括:
发送子模块,用于向所述服务器发送获取H5资源包的第二请求消息,其中,所述第二请求消息中携带有所述资源包名称与所述版本号;
接收子模块,用于接收所述服务器发送的第二响应消息,其中,所述第二响应消息中携带有所述资源包名称与所述版本号对应的目标H5资源包;
第二更新子模块,用于根据所述目标H5资源包更新本地存储的H5资源包。
需要说明的是,上述各个模块是可以通过软件或硬件来实现的,对于后者,可以通过以下方式实现,但不限于此:上述模块均位于同一处理器中;或者,上述各个模块以任意组合的形式分别位于不同的处理器中。
实施例3
本发明的实施例还提供了一种存储介质,该存储介质中存储有计算机程序,其中,该计算机程序被设置为运行时执行上述任一项方法实施例中的步骤。
可选地,在本实施例中,上述存储介质可以被设置为存储用于执行以下步骤的计算机程序:
S1,当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
S2,在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面。
可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(Read-ONly Memory,简称为ROM)、随机存取存储器(RaNdom Access Memory,简称为RAM)、移动硬盘、磁碟或者光盘等各种可以存储计算机程序的介质。
实施例4
本发明的实施例还提供了一种电子装置,包括存储器和处理器,该存储器中存储有计算机程序,该处理器被设置为运行计算机程序以执行上述任一项方法实施例中的步骤。
可选地,上述电子装置还可以包括传输设备以及输入输出设备,其中,该传输设备和上述处理器连接,该输入输出设备和上述处理器连接。
可选地,在本实施例中,上述处理器可以被设置为通过计算机程序执行以下步骤:
S1,当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
S2,在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到HTML文件,并根据所述HTML文件加载所述H5页面。
可选地,本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例,本实施例在此不再赘述。
显然,本领域的技术人员应该明白,上述的本发明的各模块或各步骤可以用通用的计算装置来实现,它们可以集中在单个的计算装置上,或者分布在多个计算装置所组成的网络上,可选地,它们可以用计算装置可执行的程序代码来实现,从而,可以将它们存储在存储装置中由计算装置来执行,并且在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤,或者将它们分别制作成各个集成电路模块,或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样,本发明不限制于任何特定的硬件和软件结合。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
1.一种H5页面加载方法,其特征在于,包括:
当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到超文本标记语言HTML文件,并根据所述HTML文件加载所述H5页面。
2.根据权利要求1所述的H5页面加载方法,其特征在于,所述方法还包括:
在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的所述H5资源包,并将所述H5资源包存储到本地;
对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
3.根据权利要求1所述的H5页面加载方法,其特征在于,所述方法还包括:
向所述服务器发送获取H5资源包列表的第一请求消息;
接收所述服务器根据所述第一请求消息发送的第一响应消息,其中,所述第一响应消息中携带有所有H5资源包对应的版本号;
根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包。
4.根据权利要求3所述的H5页面加载方法,其特征在于,根据接收到的所述H5资源包对应的版本号更新本地存储的H5资源包包括:
将本地存储的H5资源包的版本号与接收到的H5资源包对应的版本号进行对比;
确定待更新的目标资源包,其中,所述目标资源包为所述本地存储的H5资源包中版本号低于所述接收到的H5资源包对应的版本号的H5资源包;
从所述服务器获取所述待更新的目标资源包;
根据获取的所述待更新的目标资源包更新本地存储的所述目标资源包。
5.根据权利要求1所述的H5页面加载方法,其特征在于,所述方法还包括:
接收服务器发送的H5资源包更新的推送消息,其中,所述推送消息中携带有待更新的资源包名称与版本号;
根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新。
6.根据权利要求5所述的H5页面加载方法,其特征在于,根据所述资源包名称与所述版本号对本地存储的H5资源包进行更新包括:
向所述服务器发送获取H5资源包的第二请求消息,其中,所述第二请求消息中携带有所述资源包名称与所述版本号;
接收所述服务器发送的第二响应消息,其中,所述第二响应消息中携带有所述资源包名称与所述版本号对应的目标H5资源包;
根据所述目标H5资源包更新本地存储的H5资源包。
7.一种H5页面加载装置,其特征在于,包括:
检测模块,用于当应用程序加载H5页面时,检测本地是否存储有所述H5页面对应的H5资源包;
第一加载模块,用于在检测到本地存储有所述H5资源包的情况下,对所述H5资源包进行解压,得到超文本标记语言HTML文件,并根据所述HTML文件加载所述H5页面。
8.根据权利要求7所述的H5页面加载装置,其特征在于,所述装置还包括:
存储模块,用于在检测到本地未存储所述H5资源包的情况下,从服务器获取所述H5页面对应的所述H5资源包,并将所述H5资源包存储到本地;
第二加载模块,用于对所述H5资源包进行解压,得到所述HTML文件,并根据所述HTML文件加载所述H5页面。
9.一种计算机可读的存储介质,其特征在于,所述存储介质中存储有计算机程序,其中,所述计算机程序被设置为运行时执行所述权利要求1至6任一项中所述的方法。
10.一种电子装置,包括存储器和处理器,其特征在于,所述存储器中存储有计算机程序,所述处理器被设置为运行所述计算机程序以执行所述权利要求1至6任一项中所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110292915.4A CN113064685A (zh) | 2021-03-18 | 2021-03-18 | 一种h5页面加载方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110292915.4A CN113064685A (zh) | 2021-03-18 | 2021-03-18 | 一种h5页面加载方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113064685A true CN113064685A (zh) | 2021-07-02 |
Family
ID=76562182
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110292915.4A Pending CN113064685A (zh) | 2021-03-18 | 2021-03-18 | 一种h5页面加载方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113064685A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113656107A (zh) * | 2021-08-23 | 2021-11-16 | 天津中新智冠信息技术有限公司 | 移动应用的加载方法、装置及电子设备 |
CN114138361A (zh) * | 2021-11-18 | 2022-03-04 | 四川启睿克科技有限公司 | 一种Hybrid App加载子应用的方法 |
CN114816562A (zh) * | 2022-03-21 | 2022-07-29 | 银盛支付服务股份有限公司 | 一种iOS加载H5页面优化方法 |
CN115297096A (zh) * | 2022-06-28 | 2022-11-04 | 青岛海尔科技有限公司 | 资源包的部署方法、装置、存储介质及电子装置 |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108763525A (zh) * | 2018-05-31 | 2018-11-06 | 康键信息技术(深圳)有限公司 | 电子装置、终端页面加载方法及存储介质 |
CN109710870A (zh) * | 2018-12-27 | 2019-05-03 | 北京微播视界科技有限公司 | H5页面的加载方法、装置、电子设备及可读存储介质 |
-
2021
- 2021-03-18 CN CN202110292915.4A patent/CN113064685A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108763525A (zh) * | 2018-05-31 | 2018-11-06 | 康键信息技术(深圳)有限公司 | 电子装置、终端页面加载方法及存储介质 |
CN109710870A (zh) * | 2018-12-27 | 2019-05-03 | 北京微播视界科技有限公司 | H5页面的加载方法、装置、电子设备及可读存储介质 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113656107A (zh) * | 2021-08-23 | 2021-11-16 | 天津中新智冠信息技术有限公司 | 移动应用的加载方法、装置及电子设备 |
CN114138361A (zh) * | 2021-11-18 | 2022-03-04 | 四川启睿克科技有限公司 | 一种Hybrid App加载子应用的方法 |
CN114816562A (zh) * | 2022-03-21 | 2022-07-29 | 银盛支付服务股份有限公司 | 一种iOS加载H5页面优化方法 |
CN115297096A (zh) * | 2022-06-28 | 2022-11-04 | 青岛海尔科技有限公司 | 资源包的部署方法、装置、存储介质及电子装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10713034B2 (en) | Updating web resources | |
CN113064685A (zh) | 一种h5页面加载方法及装置 | |
US9967343B2 (en) | Method for providing internet of things service | |
CN110968331B (zh) | 应用程序运行的方法和装置 | |
CN112579928A (zh) | 页面跳转方法、装置、计算机设备及计算机可读存储介质 | |
CN112632420A (zh) | 界面跳转方法、装置、存储介质及电子装置 | |
CN113434230A (zh) | H5页面的跳转控制方法、装置、存储介质及电子装置 | |
CN114090033A (zh) | Ota升级方法、装置、电子设备及可读介质 | |
CN104699509A (zh) | 下载应用软件的方法及装置 | |
CN113342419B (zh) | 一种推送系统加载方法、装置、电子设备及存储介质 | |
CN111367685B (zh) | 接口调用的方法及装置、计算机设备、存储介质 | |
CN112214701A (zh) | 页面的展示方法及系统、存储介质、电子装置 | |
CN113190565B (zh) | 数据更新方法及装置、存储介质及电子装置 | |
CN114253441B (zh) | 目标功能的启用方法及装置、存储介质、电子装置 | |
CN111427603B (zh) | 应用程序的升级方法及装置 | |
KR100774475B1 (ko) | 이동 단말기의 소프트웨어를 다운로드하는 방법 | |
CN112131505A (zh) | 数据存储处理方法、装置、存储介质及电子装置 | |
CN114546842A (zh) | 接口测试方法、装置和存储介质及电子设备 | |
CN114253586A (zh) | 用户界面的渲染方法和装置、存储介质及电子装置 | |
CN113434171A (zh) | 资源包的更新方法和装置、存储介质及电子装置 | |
CN113032046A (zh) | so文件的修复方法、装置、设备及存储介质 | |
CN113467776A (zh) | 设备的接入方法、装置、存储介质和电子装置 | |
US8504669B2 (en) | System and method for OSGi-based service delivery framework | |
CN112559001A (zh) | 更新应用的方法和装置 | |
CN111381849A (zh) | 一种软件更新方法及装置、电子设备 |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210702 |
|
RJ01 | Rejection of invention patent application after publication |