CN112507263B - 页面加载更新方法、装置、电子设备及存储介质 - Google Patents

Abstract

本发明涉及人工智能技术领域，提供一种页面加载更新方法、装置、电子设备及存储介质，所述方法包括：接收服务器返回的目标资源包；加载目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据；接收服务器推送的目标消息，当目标消息的页面类型为H5页面时，按照当前H5页面布局配置表解析目标消息得到目标H5页面的页面数据；当目标H5页面的页面数据为当前H5页面的页面数据时，调用当前H5页面布局配置表中的回调函数将目标消息发送至当前H5页面进行加载。本发明通过调用当前H5页面布局配置表中的回调函数将目标消息发送至当前H5页面，无需当前H5页面不断的轮询请求数据，提高了当前H5页面的加载效率。

Description

页面加载更新方法、装置、电子设备及存储介质

技术领域

本发明涉及人工智能技术领域，具体涉及一种页面加载更新方法、装置、电子设备及存储介质。

背景技术

随着移动互联网的迅速发展，移动App产品通常会采用Hybrid、ReactNative及Weex等混合技术框架来进行开发，例如，针对Hybrid混合App，H5页面通常承载业务服务，Native端通常承载基础组件服务，但现有技术通常都是在H5或Native等页面上用户通过手动进行收集和提交信息，并且在Native端进行全屏加载H5页面，导致无法满足业务场景的定制化加载H5页面，使得H5页面加载的使用率和灵活性低下。

此外，传统的H5页面都是由H5页面发起网络请求获取数据并刷新H5页面，甚至需要不断轮循请求数据，并且H5的页面跳转也是由当前H5页面来控制，当H5页面发生变更时，H5页面无法及时得到刷新，导致H5页面的加载效率和准确率低。

发明内容

鉴于以上内容，有必要提出一种页面加载更新方法、装置、电子设备及存储介质，可应用于智慧城市建设中的智慧生活、智慧医疗、智慧法律、智慧社区及智慧财政等领域，推动智慧城市建设的发展，通过调用当前H5页面布局配置表中的回调函数将目标消息发送至当前H5页面，无需当前H5页面不断的轮询请求数据，提高了当前H5页面的加载效率。

本发明的第一方面提供一种页面加载更新方法，应用于客户端，所述方法包括：

发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表；

加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中；

发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信；

接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型；

当所述目标消息的页面类型为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页面标识；

当所述页面类型标识为所述预设的H5页面标识时，确定所述目标消息的页面类型为H5页面；或者

当所述页面类型标识不为所述预设的H5页面标识时，确定所述目标消息的页面类型为Native原生的页面。

可选地，所述按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数；

根据所述多个配置参数解析所述目标消息得到每个配置参数的参数值；

将所述每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第二键值对；

将所述多个第二键值对作为所述目标H5页面的页面数据。

本发明的第二方面提供一种页面加载更新方法，应用于服务器，所述方法包括：

接收客户端发送的当前H5页面的加载请求；

响应于所述当前H5页面的加载请求发送当前H5页面的目标资源包至所述客户端；

响应于从所述客户端接收的建立Socket长链接通信的请求，建立与所述客户端之间的Socket长链接通信；

通过所述Socket长链接通信将目标消息推送至所述客户端。

可选地，所述响应于所述当前H5页面的加载请求发送当前H5页面的目标资源包至所述客户端包括：

响应于所述当前H5页面的加载请求，异步拉取所述当前H5页面的资源包的配置版本号；

判断所述当前H5页面的资源包的配置版本号是否大于本地缓存中的资源包的配置版本号；

当所述当前H5页面的资源包的配置版本号大于所述本地缓存中的资源包的配置版本号时，下载所述当前H5页面的资源包，响应于下载完成的指令验证下载后的当前H5页面的资源包的MD5值是否与所述当前H5页面的资源包的MD5值一致；当所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值一致时，确定所述下载后的当前H5页面的资源包为当前H5页面的目标资源包，并将所述当前H5页面的目标资源包发送至所述客户端；或者

当所述当前H5页面的资源包的配置版本号小于或者等于所述本地缓存中的资源包的配置版本号时，确定所述本地缓存中的当前H5页面的资源包为当前H5页面的目标资源包，并将所述当前H5页面的目标资源包发送至所述客户端。

本发明的第三方面提供一种页面加载更新装置，应用于客户端，所述装置包括：

第一发送模块，用于发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表；

第一加载模块，用于加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中；

第二发送模块，用于发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信；

接收模块，用于接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型；

解析模块，用于当所述目标消息的页面类型为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页面的页面数据不为当前H5页面的页面数据时，确定当前H5页面的页面数据已更新，重新刷新当前H5页面，提高了当前H5页面加载的准确率。

附图说明

图1是本发明实施例一提供的页面加载更新方法的流程图。

图2是本发明实施例二提供的页面加载更新方法的流程图。

图3是本发明实施例三提供的页面加载更新装置的结构图。

图4是本发明实施例四提供的电子设备的结构示意图。

具体实施方式

为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施例对本发明进行详细描述。需要说明的是，在不冲突的情况下，本发明的实施例及实施例中的特征可以相互组合。

除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明。

实施例一

图1是本发明实施例一提供的页面加载更新方法的流程图。

在本实施例中，所述页面加载更新方法可以应用于电子设备中，对于需要进行页面加载更新的电子设备，可以直接在电子设备上集成本发明的方法所提供的页面加载更新的功能，或者以软件开发工具包（Software Development Kit，SDK）的形式运行在电子设备中。

如图1所示，所述页面加载更新方法应用于客户端，具体包括以下步骤，根据不同的需求，该流程图中步骤的顺序可以改变，某些可以省略。

S11，发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表。

本实施例中，当前H5页面触发加载所述当前H5页面请求至客户端，所述客户端发送接收到的当前H5页面的加载请求至服务器，具体地，所述客户端可以为Native端。

本实施例中，所述当前H5页面布局配置表是在所述服务器中预先根据业务场景需要配置好的，具体地，所述当前H5页面布局配置表中包括多个配置参数，其中，所述多个配置参数可以为：当前H5页面名称、当前H5页面布局坐标、当前H5页面转场动画加载类型和当前H5页面回调函数等。

示例性的，获取保险业务场景对应的当前H5页面的页面数据时，只需要调用保险业务场景对应的当前H5页面布局配置表，由于不同的业务场景对应不同的当前H5页面布局配置表，根据不同业务场景加载对应的当前H5页面布局配置表得到当前H5页面的页面数据，提高了加载当前H5页面的页面数据的灵活性和使用率。

本实施例中，当所述服务器接收到所述Native端发送的当前H5页面的加载请求时，响应于所述当前H5页面的加载请求返回所述当前H5页面的目标资源包至所述Native端，具体地，所述目标资源包中包含有当前H5页面布局配置表。

S12，加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中。

本实施例中，所述当前H5页面的页面数据为当前加载的H5页面的页面数据。

可选地，所述加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数，并在所述当前H5页面的目标资源包中识别每个配置参数的参数值；

将每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第一键值对；

加载所述多个第一键值对得到所述当前H5页面的页面数据。

本实施例中，所述当前H5页面布局配置表中包含有多个配置参数，每个配置参数对应有参数值，将每个配置参数及每个配置参数的参数值转换为键值对形式数据，统一了所述当前H5页面的页面数据的格式，提高所述当前H5页面的页面数据的管理效率。

S13，发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信。

本实施例中，所述Socket长链接通信可以用于所述客户端和所述服务器之间进行双向通信，用以提高所述客户端和所述服务器之间的消息传输效率和准确率。

S14，接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型。

本实施例中，所述目标消息是指用于加载所述当前H5页面的消息，所述目标消息中包含有目标H5页面的页面数据，按照所述当前H5页面布局配置表解析所述目标消息得到所述目标H5页面的页面数据，具体地，不同的目标消息对应不同的页面类型，所述页面类型可以包括H5页面和Native原生的页面。

可选地，所述识别所述目标消息的页面类型包括：

解析所述目标消息得到消息内容，根据所述消息内容确定页面类型标识；

判断所述页面类型标识是否为预设的H5页面标识；

当所述页面类型标识为所述预设的H5页面标识时，确定所述目标消息的页面类型为H5页面；或者

当所述页面类型标识不为所述预设的H5页面标识时，确定所述目标消息的页面类型为Native原生的页面。

本实施例中，可以预先为H5页面设置页面标识，具体地，所述预设的H5页面标识可以包括页面可加载、下拉页面时显示网址提供方等。当解析所述目标消息得到的消息内容为：下拉页面时显示网址提供方，则根据所述下拉页面时显示网址提供方确定所述目标消息的页面类型为H5页面。

S15，当所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据。

本实施例中，通过根据预设的H5页面标识确定所述目标消息对应的页面类型，在确定所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据，避免在所述目标消息的页面类型为Native原生的页面时采用H5页面布局配置表解析所述目标消息而出现错误的现象，提高了得到所述目标H5页面的页面数据的效率及准确率。

可选地，所述按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数；

根据所述多个配置参数解析所述目标消息得到每个配置参数的参数值；

将所述每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第二键值对；

将所述多个第二键值对作为所述目标H5页面的页面数据。

S16，判断所述目标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页面的页面数据中的多个第一键值对与所述目标H5页面的页面数据中的多个第二键值对进行比对，根据所述比对结果确定所述目标H5页面数据是否为所述当前H5页面的页面数据。

S17，当所述目标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页面，具体地，通过所述当前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页面的页面数据为当前H5页面的页面数据时，调用当前H5页面布局配置表中的回调函数将目标消息发送至当前H5页面，无需当前H5页面不断的轮询请求数据，减少轮询请求对服务器造成的压力，提高了当前H5页面的加载效率；最后，当目标H5页面的页面数据不为当前H5页面的页面数据时，确定当前H5页面的页面数据已更新，重新刷新当前H5页面，提高了当前H5页面加载的准确率。

实施例二

图2是本发明实施例二提供的页面加载更新方法的流程图。

在本实施例中，所述页面加载更新方法可以应用于电子设备中，对于需要进行页面加载更新的电子设备，可以直接在电子设备上集成本发明的方法所提供的页面加载更新的功能，或者以软件开发工具包（Software Development Kit，SDK）的形式运行在电子设备中。

如图2所示，所述页面加载更新方法应用于服务器，具体包括以下步骤，根据不同的需求，该流程图中步骤的顺序可以改变，某些可以省略。

S21，接收客户端发送的当前H5页面的加载请求。

本实施例中，客户端在进行当前H5页面的页面加载时，向服务器发送当前H5页面的加载请求。

S22，响应于所述当前H5页面的加载请求发送当前H5页面的目标资源包至所述客户端。

本实施例中，所述当前H5页面的目标资源包中包含有所述当前H5页面的最新数据，所述服务器响应于所述当前H5页面的加载请求，将所述当前H5页面的目标资源包发送至所述客户端。

可选地，所述响应于所述当前H5页面的加载请求发送所述当前H5页面的目标资源包至所述客户端包括：

响应于所述当前H5页面的加载请求，异步拉取所述当前H5页面的资源包的配置版本号；

判断所述当前H5页面的资源包的配置版本号是否大于本地缓存中的资源包的配置版本号；

当所述当前H5页面的资源包的配置版本号大于所述本地缓存中的资源包的配置版本号时，下载所述当前H5页面的资源包，响应于下载完成的指令验证下载后的当前H5页面的资源包的MD5值是否与所述当前H5页面的资源包的MD5值一致；当所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值一致时，确定所述下载后的当前H5页面的资源包为当前H5页面的目标资源包，并将所述当前H5页面的目标资源包发送至所述客户端；或者

当所述当前H5页面的资源包的配置版本号小于或者等于所述本地缓存中的资源包的配置版本号时，确定所述本地缓存中的当前H5页面的资源包为当前H5页面的目标资源包，并将所述当前H5页面的目标资源包发送至所述客户端。

本实施例中，所述当前H5页面的资源包包含有资源包的配置版本号、资源包的下载地址、资源包的MD5值等，为了确保所述服务器发送至所述客户端的所述当前H5页面的目标资源包为最新资源包，需要异步拉取所述当前H5页面的资源包的配置版本号，根据所述当前H5页面的资源包的配置版本号与本地缓存中的资源包的配置版本号进行比对确定是否下载所述当前H5页面的资源包，并在下载完所述当前H5页面的资源包后，根据所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值是否一致确定所述当前H5页面的资源包是否为最新资源包，通过双重判断确定所述资源包是否为最新资源包，提高了发送至所述客户端的所述当前H5页面的目标资源包的准确率，进而提高了加载更新所述当前H5页面的加载准确率及效率。

进一步地，所述方法还包括：

当所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值不一致时，确定所述下载后的当前H5页面的资源包被更改，发送所述当前H5页面的资源包被更改的消息至所述客户端。

本实施例中，当所述服务器在确定所述当前H5页面的资源包是否为所述当前H5页面的目标资源包的过程中，当确定所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值不一致时，确定所述下载后的当前H5页面的资源包被更改，并发送所述当前H5页面的资源包被更改的消息至所述客户端，提醒所述客户端加载所述当前H5页面出现异常，提高了加载所述当前H5页面的加载准确率。

S23，响应于从所述客户端接收的建立Socket长链接通信的请求，建立与所述客户端之间的Socket长链接通信。

S24，通过所述Socket长链接通信将目标消息推送至所述客户端。

本实施例中，所述Socket长链接通信可以用于所述客户端和所述服务器之间进行双向通信，用以提高所述客户端和所述服务器之间的消息传输效率和准确率。

综上所述，本实施例所述的H5页面加载更新方法，可应用于智慧城市建设中的智慧生活、智慧医疗、智慧法律、智慧社区及智慧财政等领域，推动智慧城市建设的发展。本实施例所述的当前H5页面可以为智慧生活网页的页面、智慧医疗网页的页面、智慧法律网页的页面、智慧社区网页的页面及智慧财政网页的页面等。

本实施例，通过响应于所述当前H5页面的加载请求发送当前H5页面的目标资源包至所述客户端，根据所述当前H5页面的资源包配置版本号与本地缓存中的资源包配置版本号进行比对确定是否下载所述当前H5页面的资源包，并在下载完所述当前H5页面的资源包后，根据所述下载后的当前H5页面的资源包的MD5值与所述当前H5页面的资源包的MD5值是否一致确定所述当前H5页面的资源包是否为最新资源包，通过双重判断确定所述资源包是否为最新资源包，提高了发送至所述客户端的所述当前H5页面的目标资源包的准确率，进而提高了加载更新所述当前H5页面的加载准确率及效率。

实施例三

图3是本发明实施例三提供的页面加载更新装置的结构图。

在一些实施例中，所述页面加载更新装置30可以包括多个由程序代码段所组成的功能模块。所述页面加载更新装置30中的各个程序段的程序代码可以存储于电子设备的存储器中，并由所述至少一个处理器所执行，以执行（详见图1描述）页面加载更新的功能。

本实施例中，所述页面加载更新装置30运行于客户端，根据其所执行的功能，可以被划分为多个功能模块。所述功能模块可以包括：第一发送模块301、第一加载模块302、第二发送模块303、接收模块304、解析模块305、判断模块306及第二加载模块307。本发明所称的模块是指一种能够被至少一个处理器所执行并且能够完成固定功能的一系列计算机程序段，其存储在存储器中。在本实施例中，关于各模块的功能将在后续的实施例中详述。

第一发送模块301，用于发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表。

本实施例中，当前H5页面触发加载所述当前H5页面请求至客户端，所述客户端发送接收到的当前H5页面的加载请求至服务器，具体地，所述客户端可以为Native端。

本实施例中，所述当前H5页面布局配置表是在所述服务器中预先根据业务场景需要配置好的，具体地，所述当前H5页面布局配置表中包括多个配置参数，其中，所述多个配置参数可以为：当前H5页面名称、当前H5页面布局坐标、当前H5页面转场动画加载类型和当前H5页面回调函数等。

示例性的，获取保险业务场景对应的当前H5页面的页面数据时，只需要调用保险业务场景对应的当前H5页面布局配置表，由于不同的业务场景对应不同的当前H5页面布局配置表，根据不同业务场景加载对应的当前H5页面布局配置表得到当前H5页面的页面数据，提高了加载当前H5页面的页面数据的灵活性和使用率。

本实施例中，当所述服务器接收到所述Native端发送的当前H5页面的加载请求时，响应于所述当前H5页面的加载请求返回所述当前H5页面的目标资源包至所述Native端，具体地，所述目标资源包中包含有当前H5页面布局配置表。

第一加载模块302，用于加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中。

本实施例中，所述当前H5页面的页面数据为当前加载的H5页面的页面数据。

可选地，所述第一加载模块302加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数，并在所述当前H5页面的目标资源包中识别每个配置参数的参数值；

将每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第一键值对；

加载所述多个第一键值对得到所述当前H5页面的页面数据。

本实施例中，所述当前H5页面布局配置表中包含有多个配置参数，每个配置参数对应有参数值，将每个配置参数及每个配置参数的参数值转换为键值对形式数据，统一了所述当前H5页面的页面数据的格式，提高所述当前H5页面的页面数据的管理效率。

第二发送模块303，用于发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信。

本实施例中，所述Socket长链接通信可以用于所述客户端和所述服务器之间进行双向通信，用以提高所述客户端和所述服务器之间的消息传输效率和准确率。

接收模块304，用于接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型。

本实施例中，所述目标消息是指用于加载所述当前H5页面的消息，所述目标消息中包含有目标H5页面的页面数据，按照所述当前H5页面布局配置表解析所述目标消息得到所述目标H5页面的页面数据，具体地，不同的目标消息对应不同的页面类型，所述页面类型可以包括H5页面和Native原生的页面。

可选地，所述接收模块304识别所述目标消息的页面类型包括：

解析所述目标消息得到消息内容，根据所述消息内容确定页面类型标识；

判断所述页面类型标识是否为预设的H5页面标识；

当所述页面类型标识为所述预设的H5页面标识时，确定所述目标消息的页面类型为H5页面；或者

当所述页面类型标识不为所述预设的H5页面标识时，确定所述目标消息的页面类型为Native原生的页面。

本实施例中，可以预先为H5页面设置页面标识，具体地，所述预设的H5页面标识可以包括页面可加载、下拉页面时显示网址提供方等。当解析所述目标消息得到的消息内容为：下拉页面时显示网址提供方，则根据所述下拉页面时显示网址提供方确定所述目标消息的页面类型为H5页面。

解析模块305，用于当所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据。

本实施例中，通过根据预设的H5页面标识确定所述目标消息对应的页面类型，在确定所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据，避免在所述目标消息的页面类型为Native原生的页面时采用H5页面布局配置表解析所述目标消息而出现错误的现象，提高了得到所述目标H5页面的页面数据的效率及准确率。

可选地，所述解析模块305按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数；

根据所述多个配置参数解析所述目标消息得到每个配置参数的参数值；

将所述每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第二键值对；

将所述多个第二键值对作为所述目标H5页面的页面数据。

判断模块306，用于判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据。

本实施例中，由于所述当前H5页面的页面数据为当前加载的H5页面的页面数据，在加载当前H5页面的页面数据的过程中，若当前H5页面的页面数据存在更新的现象，则按照当前H5页面布局配置表解析目标消息得到的目标H5页面的页面数据与当前加载的H5页面的页面数据不一致；若当前H5页面的页面数据的页面数据未更新，则按照当前H5页面布局配置表解析目标消息得到的目标H5页面的页面数据与当前加载的H5页面的页面数据一致。本实施例通过判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据，提高了加载所述当前H5页面的页面数据的准确率。

可选地，所述判断模块306判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据包括：

获取所述当前H5页面的页面数据中的多个第一键值对，及获取所述目标H5页面的页面数据中的多个第二键值对；

将所述多个第一键值对与所述多个第二键值对进行比对；

当每个第一键值对与对应的第二键值对一致时，确定所述目标H5页面的页面数据为所述当前H5页面的页面数据；或者

当任意一个第一键值对与对应的第二键值对不一致时，确定所述目标H5页面的页面数据不为所述当前H5页面的页面数据。

本实施例中，通过将所述当前H5页面的页面数据中的多个第一键值对与所述目标H5页面的页面数据中的多个第二键值对进行比对，根据所述比对结果确定所述目标H5页面数据是否为所述当前H5页面的页面数据。

第二加载模块307，用于当所述目标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页面，具体地，通过所述当前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页面的页面数据为当前H5页面的页面数据时，调用当前H5页面布局配置表中的回调函数将目标消息发送至当前H5页面，无需当前H5页面不断的轮询请求数据，减少轮询请求对服务器造成的压力，提高了当前H5页面的加载效率；最后，当目标H5页面的页面数据不为当前H5页面的页面数据时，确定当前H5页面的页面数据已更新，重新刷新当前H5页面，提高了当前H5页面加载的准确率。

实施例四

参阅图4所示，为本发明实施例四提供的电子设备的结构示意图。在本发明较佳实施例中，所述电子设备4包括存储器41、至少一个处理器42、至少一条通信总线43及收发器44。

本领域技术人员应该了解，图4示出的电子设备的结构并不构成本发明实施例的限定，既可以是总线型结构，也可以是星形结构，所述电子设备4还可以包括比图示更多或更少的其他硬件或者软件，或者不同的部件布置。

在一些实施例中，所述电子设备4是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的电子设备，其硬件包括但不限于微处理器、专用集成电路、可编程门阵列、数字处理器及嵌入式设备等。所述电子设备4还可包括客户设备，所述客户设备包括但不限于任何一种可与客户通过键盘、鼠标、遥控器、触摸板或声控设备等方式进行人机交互的电子产品，例如，个人计算机、平板电脑、智能手机、数码相机等。

需要说明的是，所述电子设备4仅为举例，其他现有的或今后可能出现的电子产品如可适应于本发明，也应包含在本发明的保护范围以内，并以引用方式包含于此。

在一些实施例中，所述存储器41用于存储程序代码和各种数据，例如安装在所述电子设备4中的页面加载更新装置30，并在电子设备4的运行过程中实现高速、自动地完成程序或数据的存取。所述存储器41包括只读存储器（Read-Only Memory，ROM）、可编程只读存储器（Programmable Read-Only Memory，PROM）、可擦除可编程只读存储器（ErasableProgrammable Read-Only Memory，EPROM）、一次可编程只读存储器（One-timeProgrammable Read-Only Memory，OTPROM）、电子擦除式可复写只读存储器（Electrically-Erasable Programmable Read-Only Memory，EEPROM）、只读光盘（CompactDisc Read-Only Memory，CD-ROM）或其他光盘存储器、磁盘存储器、磁带存储器、或者能够用于携带或存储数据的计算机可读的任何其他介质。

在一些实施例中，所述至少一个处理器42可以由集成电路组成，例如可以由单个封装的集成电路所组成，也可以是由多个相同功能或不同功能封装的集成电路所组成，包括一个或者多个中央处理器（Central Processing unit，CPU）、微处理器、数字处理芯片、图形处理器及各种控制芯片的组合等。所述至少一个处理器42是所述电子设备4的控制核心（Control Unit），利用各种接口和线路连接整个电子设备4的各个部件，通过运行或执行存储在所述存储器41内的程序或者模块，以及调用存储在所述存储器41内的数据，以执行电子设备4的各种功能和处理数据。

在一些实施例中，所述至少一条通信总线43被设置为实现所述存储器41以及所述至少一个处理器42等之间的连接通信。

尽管未示出，所述电子设备4还可以包括给各个部件供电的电源（比如电池），可选的，电源可以通过电源管理装置与所述至少一个处理器42逻辑相连，从而通过电源管理装置实现管理充电、放电、以及功耗管理等功能。电源还可以包括一个或一个以上的直流或交流电源、再充电装置、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。所述电子设备4还可以包括多种传感器、蓝牙模块、Wi-Fi模块等，在此不再赘述。

应该了解，所述实施例仅为说明之用，在专利申请范围上并不受此结构的限制。

上述以软件功能模块的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能模块存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，电子设备，或者网络设备等）或处理器（processor）执行本发明各个实施例所述方法的部分。

在进一步的实施例中，结合图3，所述至少一个处理器42可执行所述电子设备4的操作装置以及安装的各类应用程序（如所述的页面加载更新装置30）、程序代码等，例如，上述的各个模块。

所述存储器41中存储有程序代码，且所述至少一个处理器42可调用所述存储器41中存储的程序代码以执行相关的功能。例如，图3中所述的各个模块是存储在所述存储器41中的程序代码，并由所述至少一个处理器42所执行，从而实现所述各个模块的功能以达到页面加载更新的目的。

在本发明的一个实施例中，所述存储器41存储多个指令，所述多个指令被所述至少一个处理器42所执行以实现页面加载更新的功能。

具体地，所述至少一个处理器42对上述指令的具体实现方法可参考图1和/或图2对应实施例中相关步骤的描述，在此不赘述。

在本发明所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

所述作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理单元，既可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本发明各个实施例中的各功能模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能模块的形式实现。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或，单数不排除复数。本发明中陈述的多个单元或装置也可以由一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (8)

1.一种页面加载更新方法，应用于客户端，其特征在于，所述方法包括：

发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表；

加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中；

发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信；

接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型；

当所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据；

判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据；

当所述目标H5页面的页面数据为所述当前H5页面的页面数据时，调用所述当前H5页面布局配置表中的回调函数将所述目标消息发送至所述当前H5页面，并通过所述当前H5页面加载接收的目标消息。

2.如权利要求1所述的页面加载更新方法，其特征在于，所述判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据包括：

获取所述当前H5页面的页面数据中的多个第一键值对，及获取所述目标H5页面的页面数据中的多个第二键值对；

将所述多个第一键值对与所述多个第二键值对进行比对；

当每个第一键值对与对应的第二键值对一致时，确定所述目标H5页面的页面数据为所述当前H5页面的页面数据；或者

当任意一个第一键值对与对应的第二键值对不一致时，确定所述目标H5页面的页面数据不为所述当前H5页面的页面数据。

3.如权利要求1所述的页面加载更新方法，其特征在于，所述加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数，并在所述当前H5页面的目标资源包中识别每个配置参数的参数值；

将每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第一键值对；

加载所述多个第一键值对得到所述当前H5页面的页面数据。

4.如权利要求1所述的页面加载更新方法，其特征在于，所述识别所述目标消息的页面类型包括：

解析所述目标消息得到消息内容，根据所述消息内容确定页面类型标识；

判断所述页面类型标识是否为预设的H5页面标识；

当所述页面类型标识为所述预设的H5页面标识时，确定所述目标消息的页面类型为H5页面；或者

当所述页面类型标识不为所述预设的H5页面标识时，确定所述目标消息的页面类型为Native原生的页面。

5.如权利要求1所述的页面加载更新方法，其特征在于，所述按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据包括：

从所述当前H5页面布局配置表中提取多个配置参数；

根据所述多个配置参数解析所述目标消息得到每个配置参数的参数值；

将所述每个配置参数及每个配置参数的参数值转换为键值对形式数据，得到多个第二键值对；

将所述多个第二键值对作为所述目标H5页面的页面数据。

6.一种页面加载更新装置，应用于客户端，其特征在于，所述装置包括：

第一发送模块，用于发送接收到的当前H5页面的加载请求至服务器，并接收所述服务器返回的所述当前H5页面的目标资源包，其中，所述目标资源包中包含有当前H5页面布局配置表；

第一加载模块，用于加载所述当前H5页面的目标资源包中的当前H5页面布局配置表得到当前H5页面的页面数据，并将所述当前H5页面的页面数据存储至本地缓存中；

第二发送模块，用于发送建立Socket长链接通信的请求至所述服务器，并与所述服务器建立Socket长链接通信；

接收模块，用于接收所述服务器通过所述Socket长链接通信推送的目标消息，识别所述目标消息的页面类型；

解析模块，用于当所述目标消息的页面类型为H5页面时，按照所述当前H5页面布局配置表解析所述目标消息得到目标H5页面的页面数据；

判断模块，用于判断所述目标H5页面的页面数据是否为所述当前H5页面的页面数据；

第二加载模块，用于当所述目标H5页面的页面数据为所述当前H5页面的页面数据时，调用所述当前H5页面布局配置表中的回调函数将所述目标消息发送至所述当前H5页面，并通过所述当前H5页面加载接收的目标消息。

7.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述处理器用于执行所述存储器中存储的计算机程序时实现如权利要求1至5中任意一项所述的页面加载更新方法。

8.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5中任意一项所述的页面加载更新方法。

Images