基于Web页面的终端应用程序的更新方法及更新系统

摘要

本发明涉及一种基于Web页面的终端应用程序的更新方法及系统。该方法包括以下步骤：获取终端上应用程序的页面展示请求；根据请求获取本地存储的页面数据；加载本地存储的页面数据并展示；读取本地存储的页面版本信息，并向Web服务器发送包含所述本地存储的页面版本信息的页面更新请求；判断读取的本地存储的页面版本是否低于Web服务器上存储的页面版本，若是，则接收返回的Web服务器上存储的页面版本信息和页面数据包，并更新本地存储的页面数据及本地的页面版本信息，再返回到加载本地存储的页面数据并展示的步骤，若否，则接收返回的Web服务器上存储的页面更新数据，更新展示的页面数据。节省网络流量，提高了页面响应速度，即时更新终端上展示内容。

说明书

【技术领域】

本发明涉及网络技术，特别涉及一种基于Web页面的终端应用程序的更新 方法及更新系统。

【背景技术】

传统的展现智能移动终端的应用程序逻辑的方式主要包括使用原生API (Application Programming Interface，应用程序编程接口)展示和使用Web页面 进行展示。

使用API进行展示应用程序逻辑，主要存在以下两点不足：

1.原生API是基于平台的，不同平台之间无法复用。

2.每次应用程序修改，需要对应用程序进行升级，因网络速度、流量等因素， 应用程序升级门槛比较高。

使用Web页面进行展示应用程序逻辑，传统的展示方式主要有两种：

1.使用保存的移动终端的存储设备中的本地Web页面，通过Ajax等异步通 信方式与服务器交换数据。该种方式无法即时更新页面。

2.直接访问远程服务器获取Web页面以及最新数据。该种方式页面响应速 度收到网络影响，每次需重新拉取页面，浪费网络流量。

【发明内容】

基于此，有必要提供一种基于Web页面的终端应用程序的更新方法，能即 时更新页面、提高响应速度、节省网络流量。

一种基于Web页面的终端应用程序的更新方法，包括以下步骤：

获取终端上应用程序的页面展示请求；

根据所述页面展示请求获取本地存储的页面数据；

加载所述本地存储的页面数据并展示；

读取本地存储的页面版本信息，并向Web服务器发送包含所述本地存储的 页面版本信息的页面更新请求；

判断读取的所述本地存储的页面版本是否低于Web服务器上存储的页面版 本，若是，则接收返回的Web服务器上存储的页面版本信息和页面数据包，并 更新本地存储的页面数据及本地的页面版本信息，再返回到加载所述本地存储 的页面数据并展示的步骤，若否，则接收返回的Web服务器上存储的页面更新 数据，更新展示的页面数据。

优选地，所述接收返回的Web服务器上存储的页面版本信息和页面数据包， 并更新本地的页面数据及本地的页面版本信息的步骤具体为：

接收返回的Web服务器上存储的页面版本信息和页面数据包下载地址；

根据所述下载地址下载Web服务器上存储的页面数据包；

根据返回的页面版本信息更新本地存储的页面版本信息，并根据下载的页 面数据包更新本地存储的页面数据。

优选地，在返回Web服务器上存储的页面版本信息和页面数据包下载地址 的步骤之后，还包括步骤：提示页面展示等待。

优选地，所述向Web服务器发送包含所述本地存储的页面版本信息的更新 请求的方式为异步请求方式。

优选地，所述更新请求中还包括页面名称、用户信息、地理位置信息、网 络环境信息中至少一种。

此外，还有必要提供一种基于Web页面的终端应用程序的更新系统，能即 时更新页面、提高响应速度、节省网络流量。

一种基于Web页面的终端应用程序的更新系统，包括终端和Web服务器， 所述终端包括本地存储、请求获取模块、数据获取模块、展示模块、更新请求 模块和更新模块；

所述本地存储用于存储页面数据和页面版本信息；

所述请求获取模块用于获取终端上应用程序的页面展示请求；

所述数据获取模块用于根据所述页面展示请求获取本地存储的页面数据；

所述展示模块用于加载所述本地存储的页面数据并展示；

所述更新请求模块用于读取本地存储的页面版本信息，并向Web服务器发 送包含所述本地存储的页面版本信息的页面更新请求；

所述Web服务器用于判断读取的本地存储的页面版本是否低于Web服务器 上存储的页面版本；

所述更新模块用于当所述Web服务器判断出本地存储的页面版本低于Web 服务器上存储的页面版本时，接收返回的Web服务器上存储的页面版本信息和 页面数据包，并更新本地存储的页面数据及本地存储的页面版本信息，再由所 述展示模块加载所述本地存储的页面数据并展示，所述更新模块还用于当所述 Web服务器判断出本地存储的页面版本不低于Web服务器上存储的页面版本 时，接收返回的Web服务器上存储的页面更新数据，更新展示的页面数据。

优选地，所述更新模块还用于当所述Web服务器判断出本地存储的页面版 本低于Web服务器上存储的页面版本时，接收返回Web服务器上存储的页面版 本信息和页面数据包下载地址，根据所述下载地址下载Web服务器上存储的页 面数据包，以及根据返回的页面版本信息更新本地存储的页面版本信息，并根 据下载的页面数据包更新本地存储的页面数据。

优选地，当所述更新模块根据所述下载地址下载Web服务器上存储的页面 数据包时，所述展示模块还用于提示页面展示等待。

优选地，所述更新请求模块向Web服务器发送包含所述本地存储的页面版 本信息的更新请求的方式异步请求方式。

优选地，所述更新请求中还包括页面名称、用户信息、地理位置信息、网 络环境信息中至少一种。

上述基于Web页面的终端应用程序的更新方法及更新系统，采用将本地存 储的页面版本与Web服务器上存储的页面版本进行比较，当本地存储的页面版 本不低于Web服务器上存储的页面版本时，不需重新加载页面和页面数据包， 只需下载页面更新数据，减少了下载的数据量，节省网络流量，提高了页面响 应速度，同时也保证了Web服务器上的页面更新数据能即时更新到终端上并进 行展示。

【附图说明】

图1为一个实施例中基于Web页面的终端应用程序的更新方法的流程图；

图2为图1中接收返回的Web服务器上存储的页面版本信息和页面数据包， 并更新本地存储的页面数据及本地存储的页面版本信息的具体流程图；

图3为一个实施例中基于Web页面的终端应用程序的更新系统的内部结构 示意图；

图4为基于Web页面的终端应用程序的更新系统在本地存储的页面版本不 低于Web服务器上存储的页面版本时工作时序图；

图5为基于Web页面的终端应用程序的更新系统在本地存储的页面版本低 于Web服务器上存储的页面版本时工作时序图。

【具体实施方式】

为了使基于Web页面的终端应用程序的更新方法及更新系统的方案更加清 楚，下面结合具体的实施例及附图对其进行详细的描述。

如图1所示，在一个实施例中，一种基于Web页面的终端应用程序的更新 方法，包括以下步骤：

步骤S110，获取终端上应用程序的展示页面请求。

终端上应用程序以Web页面的形式展示，需获取展示页面请求。

步骤S120，根据该页面展示请求获取本地存储的页面数据。

根据页面展示请求，解析页面在本地存储的文件路径，从本地存储获取页 面数据。

步骤S130，加载该本地存储的页面数据并展示。

加载获取的本地存储的页面数据，然后展示该页面数据。

步骤S140，读取本地存储的页面版本信息，并向Web服务器发送包含该本 地存储的页面版本信息的更新请求。

展示本地存储的页面数据后，读取本地存储的页面版本信息，然后向Web 服务器发送包含了该本地存储的页面版本信息的更新请求，该更新请求的发送 方式可为异步请求方式，该异步请求方式可为AJAX异步请求数据方式或JSONP 异步请求数据方式。其中，AJAX是一种创建交互式网页应用的网页技术，AJAX 在浏览器与Web服务器之间使用异步数据传输(如HTTP请求)，这样就可使 网页从Web服务器请求少量的信息，而不是整个页面。JSONP是一个非官方的 协议，它允许在服务器端集成Script tags返回至客户端，通过JavaScript callback 的形式实现跨域访问。

优选的实施例中，更新请求中还包括页面名称、用户信息、地理位置信息、 网络环境信息中至少一种。

步骤S150，判断读取的所述本地存储的页面版本是否低于Web服务器上存 储的页面版本，若是，则执行步骤S160，若否，则执行步骤S170。

步骤S160，接收返回的Web服务器上存储的页面版本信息和页面数据包， 并更新本地存储的页面数据及本地存储的页面版本信息，返回到步骤130。

当本地存储的页面版本低于Web服务器上存储的页面版本，终端接收到返 回的Web服务器上存储的页面版本信息和页面数据包，更新本地存储的页面数 据及本地存储的页面版本信息，然后重新加载本地存储的页面数据进行展示。 其中，页面数据包中包括页面的文本数据、图片数据等。

因本地存储的页面版本低于Web服务器上存储的页面版本，需从Web服务 器上下载页面版本和页面数据包，下载的数据量多，流量大。但将下载的页面 版本和页面数据包更新到本地存储后，再从本地存储获取页面数据时，响应速 度快，再次向Web服务器请求更新时，因页面版本相同，不需重新下载版本信 息，只需获取页面更新的数据，对展示的页面数据进行更新，下载的数据量少， 流量小，极大的提高了响应速度、且能即时更新页面。

在优选的实施例中，如图2所示，步骤S160具体包括：

步骤S161，接收返回的Web服务器上存储的页面版本信息和页面数据包下 载地址。

Web服务器将其上存储的页面版本信息和下载地址返回给终端，如页面版 本信息为页面版本1.0，下载地址为http://www.abc.com。

在步骤S161之后还包括步骤：提示页面展示等待。提示用户，终端正进行 数据下载，页面展示等待。方便用户了解页面数据更新状况。

步骤S163，根据该下载地址下载Web服务器上存储的页面数据包。

终端根据下载地址从Web服务器上下载页面数据包。其中，页面数据包中 包括页面的文本数据、图片数据等。

步骤S165，根据返回的页面版本信息更新本地存储的页面版本信息，根据 下载的页面数据包更新本地存储的页面数据。

将下载的页面版本信息和页面数据包存储到本地存储中，即更新了本地存 储的页面版本信息和页面数据，以便重新加载该本地存储的页面数据进行展示， 更新了展示的页面数据。

因页面数据包中包含文本数据、图片数据等，采用终端从Web服务器下载 页面数据包，不需对数据进行拼接，下载稳定、简单可靠。

步骤S170，接收返回的Web服务器上存储的页面更新数据，更新展示的页 面数据。

当本地存储的页面版本不低于Web服务器上存储的页面版本，终端接收到 返回的Web服务器上存储的页面更新数据，更新展示的页面数据。因本地存储 的页面版本不低于Web服务器上存储的页面版本，只需获取页面更新的数据， 下载的数据量少，流量小，极大的提高了响应速度，且能即时更新页面。

如图3所示，在一个实施例中，一种基于Web页面的终端应用程序的更新 系统，包括终端310和Web服务器320。终端310包括本地存储311、请求获取 模块312、数据获取模块313、展示模块314、更新请求模块315和更新模块316。

本地存储311用于存储页面数据和页面版本信息。

请求获取模块312用于获取终端上应用程序的页面展示请求。终端上应用 程序以Web页面的形式展示，需获取页面展示请求。

数据获取模块313用于根据该页面展示请求获取本地存储311的页面数据。 数据获取模块313根据页面展示请求，解析页面在本地存储的文件路径，从本 地存储获取页面数据。

展示模块314用于加载该本地存储311的页面数据并展示。

更新请求模块315用于读取本地存储的页面版本信息，并向Web服务器320 发送包含该本地存储311的页面版本信息的更新请求。

展示本地存储的页面数据后，更新请求模块325读取本地存储的页面版本 信息，然后向Web服务器发送包含了该本地存储的页面版本信息的更新请求， 该更新请求的发送方式可为异步请求方式，该异步请求方式可为AJAX异步请 求数据方式或JSONP异步请求数据方式。其中，AJAX是一种创建交互式网页 应用的网页技术，AJAX在浏览器与Web服务器之间使用异步数据传输(如 HTTP请求)，这样就可使网页从Web服务器请求少量的信息，而不是整个页面。 JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端， 通过JavaScript callback的形式实现跨域访问。

更新请求中还包括页面名称、用户信息、地理位置信息、网络环境信息中 至少一种。

Web服务器320用于判断读取的该本地存储的页面版本是否低于Web服务 器320上存储的页面版本。

更新模块316用于当Web服务器320判断出本地存储的页面版本低于Web 服务器320上存储的页面版本时，接收返回的Web服务器320上存储的页面版 本信息和页面数据包，并更新本地存储的页面数据及本地存储的页面版本信息， 再由展示模块314加载该本地存储的页面数据并展示。其中，页面数据包中包 括页面的文本数据、图片数据等。

更新模块316还用于当Web服务器320判断出本地存储的页面版本不低于 Web服务器上存储的页面版本时，接收返回的Web服务器320上存储的页面更 新数据，更新展示的页面数据。

优选的实施例中，当Web服务器320判断出本地存储的页面版本低于Web 服务器320上存储的页面版本时，更新模块316还用于接收返回Web服务器320 上存储的页面版本信息和页面数据包下载地址，根据该下载地址下载Web服务 器320上存储的页面数据，以及根据返回的页面版本信息更新本地存储311的 页面版本信息，并根据下载的页面数据包更新本地存储311的页面数据。

Web服务器320将其上存储的页面版本信息和页面数据包下载地址返回给 终端310，如页面版本信息为页面版本1.0，下载地址为http://www.abc.com。接 收单元3161接收到返回的页面版本信息和下载地址。更新模块316根据下载地 址从Web服务器320上下载页面数据包。其中，页面数据包中包括页面的文本 数据、图片数据等。下载方式可为HTTP(Hyper Text Transfer Protocol，超文本 传输协议)方式、FTP(File Transfer Protocol，文件传输协议)方式或SOCKET (“套接字”，因应用程序通常通过“套接字”向网络发出请求或者应答网络请 求)方式等。更新模块316还将下载的页面版本信息和页面数据包存储到本地 存储311中，即更新了本地存储311的页面版本信息和页面数据，以便重新加 载该本地存储311的页面数据进行展示，更新了展示的页面数据。

优选的实施例中，当更新模块316根据该页面数据包下载地址下载Web服 务器上存储的页面数据包时，展示模块314还用于提示页面展示等待。展示模 块314提示用户正进行数据下载，页面展示需等待。方便用户了解页面数据更 新状况。

如图4为终端310上的本地存储311的页面版本不低于Web服务器320上 存储的页面版本时更新页面数据的时序图。具体过程为：

(1)终端310上应用程序通过请求获取模块312向本地存储311发送请求 页面；

(2)终端310上应用程序通过数据获取模块313获取本地存储311返回本 地存储的页面数据；

(3)终端310上应用程序通过展示模块314展示页面数据；

(4)终端310上应用程序通过更新请求模块315读取本地存储的页面版本 信息；

(5)终端310上应用程序通过更新请求模块315通过AJAX异步请求数据 方式向Web服务器320发送包含本地存储的页面版本信息的更新请求；

(6)Web服务器320判断出本地存储的页面版本是最新的；

(7)终端310上应用程序通过更新模块316接收到Web服务器320返回的 页面更新数据；

(8)终端310上应用程序通过更新模块316更新展示页面数据。

如图5为终端310上的本地存储311的页面版本低于Web服务器320上存 储的页面版本时更新页面数据的时序图。具体过程为：

(1)终端310上应用程序通过请求获取模块312向本地存储311发送请求 页面；

(2)终端310上应用程序通过数据获取模块313获取本地存储311返回本 地存储的页面数据；

(3)终端310上应用程序通过展示模块314展示页面数据；

(4)终端310上应用程序通过更新请求模块315获取本地存储的页面版本 信息；

(5)终端310上应用程序通过更新请求模块315以AJAX异步请求数据方 式向Web服务器320发送更新请求；

(6)Web服务器320判断出本地存储的页面版本需要更新；

(7)返回Web服务器320上存储的页面版本信息及页面数据包下载地址到 终端310上应用程序；

(8)终端310上应用程序通过展示模块314提示页面展示等待；

(9)终端310上应用程序通过更新模块316向Web服务器请求下载页面数 据包；

(10)Web服务器320返回页面数据包给终端310；

(11)更新本地存储311的页面数据和页面版本信息；

(12)本地存储311发送更新完成通知到终端310上应用程序；

(13)终端310上应用程序通过请求获取模块312向本地存储311重新发 送请求页面；

(14)终端310上应用程序通过数据获取模块313获取本地存储311返回 本地存储的页面数据；

(15)终端310上应用程序通过展示模块314展示新的本地存储311内的 页面数据；

(16)终端310上应用程序通过更新请求模块315读取本地存储311的页 面版本信息；

(17)终端310上应用程序通过更新请求模块315以AJAX异步请求数据 方式向Web服务器320发送更新请求；

(18)Web服务器320判断出本地存储311的页面版本是最新版本；

(19)终端310上应用程序接收到Web服务器320返回的页面更新数据；

(20)终端310上应用程序通过更新模块316更新展示的页面数据。

上述基于Web页面的终端应用程序的更新方法及更新系统，采用将本地存 储的页面版本与Web服务器上存储的页面版本进行比较，当本地存储的页面版 本不低于Web服务器上存储的页面版本时，不需重新加载页面和页面数据包， 只需下载页面更新数据，减少了下载的数据量，节省网络流量，提高了页面响 应速度，同时也保证了Web服务器上的页面更新数据能即时更新到终端上并进 行展示。

以上所述实施例仅表达了本发明的几种实施方式，其描述较为具体和详细， 但并不能因此而理解为对本发明专利范围的限制。应当指出的是，对于本领域 的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变形和 改进，这些都属于本发明的保护范围。因此，本发明专利的保护范围应以所附 权利要求为准。