[发明专利]一种基于H5的页面更新方法及系统

说明书

本发明提供的一种基于H5的页面更新方法及系统，通过后台生成包含有相同标识信息的动态文件和静态文件，并将所述动态文件设置于web服务器上，将所述静态文件设置于oss云服务器上；用户端从所述web服务器获取动态文件，并根据获取的动态文件中的标识信息从所述oss云服务器获取相应的静态文件；用户端根据获取的动态文件和静态文件进行页面更新，解决了版本更新后用户不能马上更新到最新版本的问题，提高用户体验。

技术领域

本发明涉及计算机技术领域，特别涉及一种基于H5的页面更新方法及系统。

背景技术

HTML是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML只不过是组合成一个文本文件的一系列标签，编写HTML代码就是在编辑纯文本文件，但HTML是一种规范，需要通过添加特定的标记符，组成的描述性文本，可以说明文字、图形、动画、声音、表格、链接等，告诉浏览器如何显示网页，即确定内容的格式。HTML的结构包括头部、主体两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。浏览器按顺序阅读HTML文件，然后根据内容周围的HTML标记符解释和显示各种内容，展现出丰富多彩的页面。其中html可以认为是页面的框架，包括元素及元素的属性定义，css是层叠样式，是可以重写页面的样式改变元素形状、颜色、表现形式等，javascript是解释形的脚本语言，可以处理页面上各种动态交互。Html+css+javascript组合就构成了一个个页面。

动静分离是将网站静态资源(HTML，JavaScript，CSS，img等文件)与后台应用分开部署，提高用户访问静态代码的速度，降低对后台应用访问。动静分离的通用做法是将静态资源部署在静态缓存服务器上(nginx或cdn)，后台项目部署到应用服务器上，根据一定规则静态资源的请求全部请求静态缓存服务器，达到动静分离的目标。但是该方案将html文件、javascrip(js文件)、css文件都放在静态缓存服务器上，因此静态缓存服务器上就存储了页面的所有元素html+css+javascript，所以整个页面都被静态缓存起来，因为缓存有一定的过期时间，所以在更新版本后缓存未过期的时间内用户只能看到静态缓存服务器上的页面(html+css+javascript)，该页面并不是最新更新上去的页面，所以用户看到的是旧版本的页面用户会延迟看到最新版本的页面。待静态服务器上缓存过期后重新拉取最新页面(html+css+javascript),用户才能看到最新版本的页面。。

因此，为了解决服务器更新后，用户不能第一时间看到最新版本页面的问题，需要一种基于H5的页面更新方法及系统，能够解决版本更新后用户不能马上更新到最新版本的问题，提高用户体验。

发明内容

(一)要解决的技术问题

为了解决现有技术的上述问题，本发明提供一种基于H5的页面更新方法，能够解决版本更新后用户不能马上更新到最新版本的问题，提高用户体验。

(二)技术方案

为了达到上述目的，本发明采用的一种技术方案为：

一种基于H5的页面更新方法，包括步骤：

S1、后台生成包含有相同标识信息的动态文件和静态文件，并将所述动态文件设置于web服务器上，将所述静态文件设置于oss云服务器上；

S2、用户端从所述web服务器获取动态文件，并根据获取的动态文件中的标识信息从所述oss云服务器获取相应的静态文件；

S3、用户端根据获取的动态文件和静态文件进行页面更新。

为了达到上述目的，本发明采用的另一种技术方案为：