CN103257874A

CN103257874A - Web应用的离线运行方法和系统

Info

Publication number: CN103257874A
Application number: CN2013101451719A
Authority: CN
Inventors: 蒋赞
Original assignee: Shenzhen ZTE Mobile Telecom Co Ltd
Current assignee: Shenzhen ZTE Mobile Telecom Co Ltd
Priority date: 2013-04-24
Filing date: 2013-04-24
Publication date: 2013-08-21

Abstract

本发明公开了一种WEB应用的离线运行方法和系统，所述WEB应用的离线运行方法包括步骤：从服务器上下载WEB应用的配置资源并存储；根据所述配置资源，创建离线WEB应用；运行所述离线WEB应用。从而不需要通过连接服务器来加载WEB应用，即使处于离线状态，也可以启用WEB应用，实现了WEB应用的离线运行。运行本地的离线WEB应用时，加载速度快且稳定，不受网络环境的影响，提升了用户体验。

Description

WEB应用的离线运行方法和系统

技术领域

本发明涉及计算机技术领域，尤其是涉及一种基于WEB浏览器的WEB应用的离线运行方法和系统。

背景技术

WEB应用相对于本地客户端应用来说，其最大优点是只需在WEB浏览器上运行，不依赖于终端系统，其可以运行于各种终端系统上，只要该终端安装了WEB浏览器即可，因此越来越受到用户欢迎。

但相对于本地客户端应用，WEB应用的缺点是严重依赖于网络，WEB浏览器必须连接服务器才能启用WEB应用，不能存储于本地以离线运行WEB应用。在网络状态不佳时，会影响WEB应用的加载速度和运行的稳定性；在没有网络连接时，则无法运行WEB应用。从而影响了用户体验。

发明内容

本发明的主要目的在于提供一种WEB应用的离线运行方法及系统，旨在实现WEB应用本地化而离线运行WEB应用，提升用户体验。

为达以上目的，本发明提出一种基于WEB浏览器的WEB应用的离线运行方法，包括步骤：

从服务器上下载WEB应用的配置资源并存储；

根据所述配置资源，创建离线WEB应用；

运行所述离线WEB应用。

优选地，所述创建离线WEB应用的步骤包括：

扫描所述配置资源，创建所述配置资源的清单文件并存储；

根据所述清单文件和配置资源创建离线WEB应用。

优选地，所述创建所述配置资源的清单文件的步骤包括：

获取所述配置资源的文件清单；

获取所述文件清单中各文件对应的MIME类型；

根据所述文件清单和所述文件清单中各文件对应的MIME类型，创建所述配置资源的清单文件。

优选地，所述从服务器上下载WEB应用的配置资源的步骤的同时还包括：

从服务器上下载WEB应用的业务数据。

优选地，所述运行所述离线WEB应用的步骤之后还包括：

所述离线WEB应用调用所述业务数据。

本发明同时提出一种基于WEB浏览器的WEB应用的离线运行系统，包括处理模块和存储模块，其中：

处理模块，用于从服务器上下载WEB应用的配置资源，再根据所述配置资源创建离线WEB应用，并运行所述离线WEB应用；

存储模块，用于存储所述WEB应用的配置资源。

优选地，所述处理模块包括获取单元、创建单元和执行单元，所述获取单元用于从服务器上下载所述WEB应用的配置资源，所述创建单元用于根据所述配置资源创建离线WEB应用，所述执行单元用于运行所述离线WEB应用。

优选地，所述获取单元用于扫描所述WEB应用的配置资源，并获取所述配置资源的文件清单以及所述文件清单中各文件对应的MIME类型；所述创建单元用于根据所述文件清单以及所述文件清单中各文件对应的MIME类型，创建所述配置资源的清单文件并存储于所述存储模块，再根据所述清单文件和配置资源创建离线WEB应用。

优选地，所述处理模块还用于从服务器上下载WEB应用的业务数据，并存储于所述存储模块。

优选地，所述处理模块还用于响应所述离线WEB应用调用所述业务数据的请求。

本发明所提供的一种WEB应用的离线运行方法，通过将WEB应用的配置资源下载于本地后，在本地创建所述配置资源的清单文件，进而创建出离线WEB应用，实现WEB应用的本地化。启动WEB应用时，WEB浏览器直接运行本地的离线WEB应用，不需要通过连接服务器来加载WEB应用，即使处于离线状态，也可以启用WEB应用，实现了WEB应用的离线运行。运行本地的离线WEB应用时，加载速度快且稳定，不受网络环境的影响，提升了用户体验。

附图说明

图1是本发明的WEB应用的离线运行方法第一实施例的流程图；

图2是本发明的WEB应用的离线运行方法第二实施例的流程图；

图3是本发明的WEB应用的离线运行系统一实施例的结构示意图；

图4是图3中的处理模块的结构示意图。

本发明目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

参见图1，提出本发明的基于WEB浏览器的WEB应用的离线运行方法，该方法可以应用于各种终端系统，只要该终端上安装有WEB浏览器即可，特别适合应用于WEB OS系统，所述WEB应用的离线运行方法包括以下步骤：

步骤S101、从服务器上下载WEB应用的配置资源并存储。

当用户第一次启动WEB应用时，WEB浏览器会自动从服务器上下载WEB应用的配置资源并存储于本地。WEB浏览器包括超文本标记语言（Hypertext Markup Language，HTML）页面、JavaScript元素和层叠样式表(Cascading Style Sheets，CSS)等。

其中HTML页面作为应用程序核心，起模型作用，它包含要显示的数据以及(默认)提交信息，页面的HTML元素按HTML Document Object Model(DOM)树层级组织，用户发起的事件产生一个传统的请求-响应循环，其中包括页面加载和执行相关JavaScript函数。JavaScript元素包含应用程序控制器函数，HTML元素通过事件处理器绑定到JavaScript函数，JavaScript能通过用所有用户界面元素访问应用程序的HTML DOM树，并将其用作运算的数据输入，处理结果可以通过修改HTML页面显示给用户。CSS是用来表现HTML或XML等文件样式的计算机语言，用来描述HTML页面如何提交，可以扩充精确指定网页元素位置、外观以及创建特殊效果的能力。

本实施例将HTML5标准引入本地数据库存储，即WEB浏览器提供嵌入式数据库，它可以通过结构化查询语言（Structured Query Language，SQL）查询，并从JavaScript访问。所述WEB应用的配置资源即存储于所述数据库。

步骤S102、扫描所述配置资源，创建所述配置资源的清单文件并存储。

WEB浏览器随即扫描数据库中的配置资源，获取配置资源的文件清单，并离线WEB应用程序的HTML5页面，以<!DOCTYPE html>标记开始，通过<html manifest=”website.manifest”>标记中的清单属性来被文件清单所引用。同时获取该文件清单中各文件对应的多功能Internet邮件扩充服务（Multipurpose Internet Mail Extensions，MIME）类型，本实施例中服务器以text/cache-manifest Mime类型提供文件清单。最后根据所述文件清单和该文件清单中各文件对应的MIME类型来创建配置资源的清单文件，并将该清单文件存储于数据库中。

步骤S103、根据所述清单文件和配置资源创建离线WEB应用。

当本地数据库中存储了WEB应用程序的配置资源和清单文件后，就建立清单文件和配置资源的关联，从而创建出离线WEB应用，即存储于本地的WEB应用。

步骤S104、运行所述离线WEB应用。

当启动WEB应用时，WEB浏览器首先检查本地是否有相应的离线WEB应用，如果有则直接运行离线WEB应用，即根据本地的清单文件的指引来加载本地相应的配置资源；若WEB浏览器检测到处于连线状态，可以在线检测WEB应用是否有更新，如有更新则可以即时更新到本地，以使离线WEB应用始终保持最新状态。

因此，本实施例通过将WEB应用的配置资源下载于本地后，在本地创建所述配置资源的清单文件，进而创建出离线WEB应用，实现WEB应用的本地化。启动WEB应用时，WEB浏览器直接运行本地的离线WEB应用，不需要通过连接服务器来加载WEB应用，即使处于离线状态，也可以启用WEB 应用，实现了WEB应用的离线运行。运行本地的离线WEB应用时，加载速度快且稳定，不受网络环境的影响，提升了用户体验。

参见图2，提出本发明的WEB应用的离线运行方法第二实施例，包括以下步骤：

步骤S201、从服务器上下载WEB应用的配置资源和业务数据并存储。

本步骤S201与第一实施例中的步骤S101相比，不但从服务器上下载了WEB应用的配置资源，还下载了WEB应用的业务数据，同时存储于WEB浏览器的嵌入式数据库中。所述业务数据包含了用户使用或操作WEB应用后所存储的相关数据。

步骤S202、扫描所述配置资源，创建所述配置资源的清单文件并存储。

WEB浏览器随即扫描数据库中的配置资源，获取配置资源的文件清单，并离线WEB应用程序的HTML5页面，以<!DOCTYPE html>标记开始，通过<html manifest=”website.manifest”>标记中的清单属性来被文件清单所引用。同时获取该文件清单中各文件对应的多功能Internet邮件扩充服务（Multipurpose Internet Mail Extensions，MIME）类型，本实施例中服务器以text/cache-manifest Mime类型提供文件清单，最后根据所述文件清单和该文件清单中各文件对应的MIME类型来创建配置资源的清单文件，并将该清单文件存储于数据库中。

步骤S203、根据所述清单文件和配置资源创建离线WEB应用。

步骤S204、运行所述离线WEB应用。

步骤S205、离线WEB应用调用所述业务数据。

由于存储了WEB应用的业务数据，离线WEB应用可以直接调用本地的业务数据，使得用户之前使用WEB应用的相关数据得以保留，可以在原来的基础上继续使用WEB应用，而不需从头开始。

据此，本实施例通过将WEB应用的业务数据下载到本地存储，当离线WEB应用运行时可以直接调用业务数据，保留了用户的使用和操作数据，进一步提升了用户体验。

参见图3、图4，提出本发明的WEB应用的离线运行系统一实施例，该系统基于WEB浏览器，可以应用于各种终端系统，特别是WEB OS系统。所述WEB应用的离线运行系统100包括处理模块110和存储模块120，处理模块110用于从服务器200上下载WEB应用的配置资源，再根据所述配置资源创建离线WEB应用，并运行所述离线WEB应用；所述存储模块120用于存储所述WEB应用的配置资源。

所述处理模块110具有超文本标记语言（Hypertext Markup Language，HTML）页面和JavaScript元素，其中HTML页面作为应用程序核心，起模型作用，它包含要显示的数据以及(默认)提交信息，页面的HTML元素按HTML Document Object Model(DOM)树层级组织，用户发起的事件产生一个传统的请求-响应循环，其中包括页面加载和执行相关JavaScript函数。JavaScript元素包含应用程序控制器函数，HTML元素通过事件处理器绑定到JavaScript函数，JavaScript能通过用所有用户界面元素访问应用程序的HTML DOM树，并将其用作运算的数据输入，处理结果可以通过修改HTML页面显示给用户。

本实施例将HTML5标准引入本地数据库存储，即WEB浏览器提供嵌入式数据库，本实施例的存储模块120即包括该嵌入式数据库，它可以通过结构化查询语言（Structured Query Language，SQL）查询，并从JavaScript访问。所述WEB应用的配置资源即存储于所述数据库。

所述处理模块110包括获取单元111、创建单元112和执行单元113，所述获取单元111用于从服务器上下载所述WEB应用的配置资源，所述创建单元112用于根据所述配置资源创建离线WEB应用，所述执行单元113用于运行所述离线WEB应用。当用户第一次启用WEB应用时，获取单元111会自动从服务器200上下载WEB应用的配置资源并存储于存储模块120。获取单元111随即扫描存储模块120中的配置资源，获取配置资源的文件清单，并离线WEB应用程序的HTML5页面，以<!DOCTYPE html>标记开始，通过<html manifest=”website.manifest”>标记中的清单属性来被文件清单所引用。获取单元111同时获取该文件清单中各文件对应的多功能Internet邮件扩充服务（Multipurpose Internet Mail Extensions，MIME）类型，本实施例中服务器200以text/cache-manifest Mime类型提供文件清单。创建单元112根据所述文件清单和该文件清单中各文件对应的MIME类型来创建配置资源的清单文件，并将该清单文件存储于存储模块120中。

当存储模块120中存储了WEB应用程序的配置资源和清单文件后，创建单元112就建立清单文件和配置资源的关联，从而就根据所述清单文件和配置资源创建出离线WEB应用，即存储于本地的WEB应用，实现了WEB应用本地化。

当启动WEB应用时，执行单元113首先检查本地是否有相应的离线WEB应用，如果有则直接运行离线WEB应用，即根据本地的清单文件的指引来加载本地相应的配置资源；若执行单元113检测到处于连线状态，可以在线检测WEB应用是否有更新，如有更新则可以及时更新到本地，以使离线WEB应用始终保持最新状态。

从而，本实施例通过处理模块110将WEB应用的配置资源下载于本地的存储模块120后，在本地创建所述配置资源的清单文件，进而创建出离线WEB应用，实现WEB应用的本地化。启动WEB应用时，WEB浏览器的处理模块直接运行本地的离线WEB应用，不需要通过连接服务器来加载WEB应用，即使处于离线状态，也可以启用WEB应用，实现了WEB应用的离线运行。运行本地的离线WEB应用时，加载速度快且稳定，不受网络环境的影响，提升了用户体验。

进一步地，所述处理模块110的获取单元111从服务器200上下载WEB应用的配置资源的同时，还下载WEB应用的业务数据存储于存储模块120，所述业务数据包含了用户使用或操作WEB应用后所存储的相关数据。当离线WEB应用运行时，离线WEB应用可以向处理模块110请求直接调用存储于存储模块120中的业务数据，处理模块110的执行单元113则及时响应所述调用请求，使得用户之前使用WEB应用的相关数据得以保留，可以在原来的基础上继续使用WEB应用，而不需从头开始，进一步提升了用户体验。

应当理解的是，以上仅为本发明的优选实施例，不能因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。

Claims

1.一种基于WEB浏览器的WEB应用的离线运行方法，其特征在于，包括步骤：

从服务器上下载WEB应用的配置资源并存储；

根据所述配置资源，创建离线WEB应用；

运行所述离线WEB应用。

2.根据权利要求1所述的WEB应用的离线运行方法，其特征在于，所述创建离线WEB应用的步骤包括：

扫描所述配置资源，创建所述配置资源的清单文件并存储；

根据所述清单文件和配置资源创建离线WEB应用。

3.根据权利要求2所述的WEB应用的离线运行方法，其特征在于，所述创建所述配置资源的清单文件的步骤包括：

获取所述配置资源的文件清单；

获取所述文件清单中各文件对应的MIME类型；

4.根据权利要求1-3任一项所述的WEB应用的离线运行方法，其特征在于，所述从服务器上下载WEB应用的配置资源的步骤的同时还包括：

从服务器上下载WEB应用的业务数据。

5.根据权利要求4所述的WEB应用的离线运行方法，其特征在于，所述运行所述离线WEB应用的步骤之后还包括：

所述离线WEB应用调用所述业务数据。

6.一种基于WEB浏览器的WEB应用的离线运行系统，其特征在于，包括处理模块和存储模块，其中：

存储模块，用于存储所述WEB应用的配置资源。

7.根据权利要求6所述的WEB应用的离线运行系统，其特征在于，所述处理模块包括获取单元、创建单元和执行单元，所述获取单元用于从服务器上下载所述WEB应用的配置资源，所述创建单元用于根据所述配置资源创建离线WEB应用，所述执行单元用于运行所述离线WEB应用。

8.根据权利要求7所述的WEB应用的离线运行系统，其特征在于，所述获取单元用于扫描所述WEB应用的配置资源，并获取所述配置资源的文件清单以及所述文件清单中各文件对应的MIME类型；所述创建单元用于根据所述文件清单以及所述文件清单中各文件对应的MIME类型，创建所述配置资源的清单文件并存储于所述存储模块，再根据所述清单文件和配置资源创建离线WEB应用。

9.根据权利要求6-8任一项所述的WEB应用的离线运行系统，其特征在于，所述处理模块还用于从服务器上下载WEB应用的业务数据，并存储于所述存储模块。

10.根据权利要求9所述的WEB应用的离线运行系统，其特征在于，所述处理模块还用于响应所述离线WEB应用调用所述业务数据的请求。