一种基于并行请求的移动端页面数据加载方法及系统与流程

本发明涉及数据传输和移动端页面开发，尤其涉及一种基于并行请求的移动端页面数据加载方法及系统。

背景技术：

1、h5是一种广泛用于移动端设备网页内容呈现的技术方案，当用户访问h5页面时，浏览器会首先加载页面的html结构和css样式，同时开始向服务器发送请求，请求所需的资源文件，例如javascript文件、css文件、图片、视频等。服务器接收到请求后，会将相应的资源文件传输到客户端。在数据传输过程中，浏览器会根据网络状况和设备性能等因素，采用不同的传输方式和缓存机制，以优化数据的加载速度和稳定性；当浏览器接收到数据后，会对其进行解析和执行，对于javascript文件，浏览器会执行其中的代码，并根据代码中的要求更新页面的内容，对于css文件，浏览器会根据其中的样式规则，对页面进行渲染和布局。在渲染过程中，浏览器会根据css样式规则和html结构，计算页面的大小和位置，并绘制页面元素，最终生成一个完整的页面展示给用户。端内h5数据加载过程可能会因为网络状况、设备性能等因素而有所不同，常规的处理办法包括优化资源文件的大小、数量和使用方式等来提高数据的加载速度和稳定性，同时使用javascript、css等技术来优化页面的响应速度和用户体验。但是，传统的h5数据加载方式是完全的串行加载，对于内容较多、较复杂的页面展示容易出现加载缓慢的问题。

2、为了解决传统加载方式存在的问题，现有技术提出采用服务器端预先进行渲染后再发送移动端展示的处理方式提升页面加载效率，典型的，包括有服务器端渲染(ssr)和静态网站生成(ssg)技术。其中，ssr处理方式下服务器接收到客户端的请求后，会根据请求的内容生成完整的html页面，并将其发送到客户端；客户端接收到html页面后，会将其呈现在浏览器上。ssr的优点是渲染速度快，可以在服务器端完成页面的渲染，适用于需要大量计算和高性能的场景；ssr的缺点是需要服务器端的支持，开发和维护成本较高。ssg是一种将动态内容转换为静态页面的技术，在该种该处理方式下，服务器会根据用户请求的内容，生成静态html页面，并将其发送到客户端；客户端接收到静态html页面后，会直接呈现在浏览器上。ssg的优点是生成速度快、无需服务器端的支持、适合于静态内容为主的场景；但是，ssg同样存在无法实现动态内容的呈现，无法响应用户的实时请求的缺点。

3、另一种现有技术的尝试通过缓存技术来减少网络请求次数和加载时间，例如使用浏览器缓存、本地存储等技术，典型的包括在移动端app启动时获取每个页面的业务数据进行缓存，当打开页面时读取缓存。但是，这种简单的本地缓存解决方案不能满足数据实时更新的需要，适用范围较为狭窄。

技术实现思路

1、为解决现有技术的不足，本发明提出一种基于并行请求的移动端页面数据加载方法及系统，主要用于移动客户端内h5页面业务数据请求流程中，通过h5请求执行同时并行发起业务接口请求使两个功能相对独立的同时进行，可以极大加快网络数据的准备，并且不依赖服务端，对客户端改造非常少。

2、为实现以上目的，本发明所采用的技术方案包括：

3、一种基于并行请求的移动端页面数据加载方法，其特征在于，包括：

4、s1、识别h5页面菜单中的数据加载项，配置对应数据加载项的加载接口并添加数据标签，所述加载接口关联页面主接口；

5、s2、配置用于h5原生发起的第一网络功能；

6、s3、获取用户请求，基于用户请求判断是否存在对应的加载接口；

7、s4、当判断存在对应的加载接口时，使用加载接口的数据标签清空对应的本地缓存，并调用第一网络功能通过所述加载接口向服务端请求所述数据加载项所需的业务数据；

8、s5、将获取到的业务数据添加对应的数据标签并存储至本地缓存；

9、s6、获取h5向服务端发送的业务数据请求，依据业务数据请求关联的数据标签判断本地缓存是否存在对应的业务数据，当判断本地缓存不存在对应的业务数据时，向服务端发送业务数据请求；

10、s7、当判断本地缓存存在对应的业务数据时，进一步判断是否存在调用第一网络功能请求业务数据，当判断不存在调用第一网络功能请求业务数据时，使用本地缓存中存储的业务数据反馈业务数据请求；

11、s8、当判断存在调用第一网络功能请求业务数据时，使用第一网络功能获取到的业务数据反馈业务数据请求。

12、进一步地，所述步骤s3还包括：

13、当判断不存在对应的加载接口时，向服务端发送业务数据请求。

14、进一步地，所述判断是否存在调用第一网络功能请求业务数据包括：

15、判断是否存在正在执行中的调用第一网络功能请求业务数据操作，和/或，是否存在预设时间阈值内计划执行的调用第一网络功能请求业务数据操作。

16、进一步地，所述步骤s8还包括：

17、使用第一网络功能获取到的业务数据反馈业务数据请求后，不将获取到的业务数据存储至本地缓存。

18、进一步地，所述步骤s4还包括：

19、当判断存在对应的加载接口时，继续依据用户请求执行h5加载页面操作，同时使用加载接口的数据标签清空对应的本地缓存，并调用第一网络功能通过所述加载接口向服务端请求所述数据加载项所需的业务数据。

20、进一步地，所述执行h5加载页面操作包括依次执行：

21、创建原生页面；

22、初始化h5容器；

23、加载h5页面；

24、解析h5页面资源，识别数据加载项；

25、根据数据加载项项服务端发送业务数据请求。

26、本发明还涉及一种基于并行请求的移动端页面数据加载系统，其特征在于，包括：

27、接口管理模块，用于配置对应数据加载项的加载接口并添加数据标签；

28、网络管理模块，用于配置用于h5原生发起的第一网络功能；

29、并行请求模块，用于调用第一网络功能通过所述加载接口向服务端请求所述数据加载项所需的业务数据；

30、缓存模块，用于存储获取到的业务数据；

31、缓存判断模块，用于依据业务数据请求关联的数据标签判断本地缓存是否存在对应的业务数据；

32、请求判断模块，用于判断是否存在调用第一网络功能请求业务数据。

33、本发明还涉及一种计算机可读存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述的方法。

34、本发明还涉及一种电子设备，其特征在于，包括处理器和存储器；

35、所述存储器，用于存储加载接口、用户请求和业务数据请求；

36、所述处理器，用于通过调用加载接口、用户请求和业务数据请求，执行上述的方法。

37、本发明还涉及一种计算机程序产品，包括计算机程序和/或指令，其特征在于，该计算机程序和/或指令被处理器执行时实现上述方法的步骤。

38、本发明的有益效果为：

39、采用本发明所述基于并行请求的移动端页面数据加载方法及系统，主要用于移动客户端内h5页面业务数据请求流程中，通过h5请求执行同时并行发起业务接口请求使两个功能相对独立的同时进行，在不对服务端进行特殊改动或添加额外功能支持的情况下快速获取业务数据，可以极大加快网络数据的准备，同时保证数据实时性，对客户端现有流程侵入少，实现简便、可操作性强。