[发明专利]一种H5页面加载方法及系统

说明书

本发明提供了一种H5页面加载方法及系统，其中方法包括步骤S1第一服务器获取当前客户端发送的请求页面的指令；步骤S2所述第一服务器根据获取的所述请求页面的指令，分别向相应的服务器获取对应的资源信息，并生成请求页面信息；步骤S3所述第一服务器将生成的所述请求页面信息发送至客户端进行加载和显示。系统包括客户端，第一服务器，第二服务器，第三服务器、数据库。本发明通过对部分数据的预先静态化处理，实现H5页面快速加载的目的。

技术领域

本发明涉及移动应用技术领域，尤指一种H5页面加载方法及系统。

背景技术

现今，纯原生移动引用在移动应用市场上已经很少见了，构建移动应用普遍采用的是混合开发模式，即原生移动应用+web移动应用，其兼具原生移动应用良好的用户交互体验的优势和web移动应用跨平台开发和低成本的优势。web移动应用是一种框架型app开发模式，该模式通常由“HTML5云网站+app应用客户端”两部份构成，app应用客户端只需安装应用的框架部份，而应用的数据则是每次打开app的时候，去云端取数据呈现给用户终端。

HTML5页面(Hyper Tex tMarkup Language 5页面，即H5页面)加载速度的影响因素除了网络延迟，服务器异常等原因外，最大的短板就是动态数据响应速度的快慢。目前通常的做法一种是用户每次获取页面时都需要从数据库中查询所有数据，但这种做法比价耗费资源且效率不高。另一种是先将整个页面的数据静态化，预先生成静态页面，但这样产生的问题是，当后台数据需要改动的时候，生成整个大的页面需要花费大量时间。

针对上述情况，本申请提供了一种解决以上技术问题的技术方案。

发明内容

本发明的目的是提供一种H5页面加载方法及系统，通过对部分数据的预先静态化处理，实现H5页面的快速加载。

本发明提供的技术方案如下：

一种H5页面加载方法，包括：步骤S1第一服务器获取当前客户端发送的请求页面的指令；步骤S2所述第一服务器根据获取的所述请求页面的指令，分别向相应的服务器获取对应的资源信息，并生成请求页面信息；步骤S3所述第一服务器将生成的所述请求页面信息发送至客户端进行加载和显示。

在本发明中，将获取H5页面优化为从两台服务器分别获取静态和动态资源信息，从而当任一服务器出现异常之后，另一服务器仍能返回对应数据，提升了用户使用体验。

优选的，步骤S2具体包括：步骤S21所述第一服务器将获取的所述请求页面的指令分别发送至第二服务器和第三服务器；步骤S22所述第二服务器对接收的所述请求页面的指令中的静态资源请求指令进行识别，当所述静态资源请求指令满足预设条件时，发送对应的静态资源信息至所述第一服务器；和；所述第三服务器对接收的所述请求页面的指令中的动态资源请求指令进行识别，并向数据库获取对应的数据信息，当获取成功时，根据获取的所述对应的数据信息生成动态资源信息，并将生成的所述动态资源信息发送至所述第一服务器；步骤S23所述第一服务器根据接收的所述静态资源信息和所述动态资源信息，生成请求页面信息。

在本发明中，静态资源可以直接从静态服务器得到，无需用户每次请求页面都需要从数据库中查询，而动态资源可以根据用户的实际状态实时获得，可以快速响应用户对页面的请求，提高访问效率。

优选的，步骤S2还包括：步骤S24所述第二服务器对所述请求页面的指令中的静态资源请求指令进行识别，当所述静态资源请求指令不满足预设条件时，发送异常提醒信息至所述第一服务器；或；所述第三服务器对所述请求页面的指令中的动态资源请求指令进行识别，并向所述数据库获取对应的数据信息，当获取失败时，发送异常提醒信息至所述第一服务器；步骤S25所述第一服务器根据接收的所述异常提醒信息，生成异常页面信息。

优选的，步骤S3还包括：所述第一服务器将生成的所述异常页面信息发送至客户端进行加载和显示。