CN103209203A

CN103209203A - 一种跨平台提供应用的方法以及客户端

Info

Publication number: CN103209203A
Application number: CN 201210012994
Authority: CN
Inventors: 赵霏
Original assignee: BEIJING LEIYOO INFORMATION TECHNOLOGY Co Ltd
Current assignee: BEIJING LEIYOO INFORMATION TECHNOLOGY Co Ltd
Priority date: 2012-01-16
Filing date: 2012-01-16
Publication date: 2013-07-17

Abstract

本发明提供了一种跨平台提供应用的方法，该方法包括：客户端输出一无差异Web化应用界面；所述客户端向服务器发送应用获取请求；所述客户端接收所述服务器根据所述应用获取请求发送的脚本程序，该脚本程序内嵌于Html 5文档之中；在所述无差异Web化应用界面内显示所述脚本程序的运行界面。相应地本发明还提供了一种跨平台提供应用的客户端。实施本发明，可实现在线应用的无差异化跨平台体验。同时其提供的Web应用界面便于用户操作和定制，能提升操作效率和增强用户体验。

Description

一种跨平台提供应用的方法以及客户端

技术领域

本发明涉及计算机网络技术领域，尤其涉及一种跨平台提供应用的方法以及客户端。

背景技术

现有技术中，基于跨平台易用性的考虑，人们习惯使用B/S架构来实现各种基于互联网的应用服务，典型地，例如在线游戏、在线天气预报、在线音视频播放等，其具体做法是：服务器向访问者的浏览器提供网页文档，该网页文档内嵌入实现上述应用服务的相关插件，当访问者的浏览器获取该网页文档后，解析并运行该网页文档，以及运行所述相关插件以实现上述应用服务。目前来说，功能和界面较为复杂的一些应用服务大多使用Flash插件来实现，现有技术中，很多移动终端或智能终端的浏览器并不支持Flash插件技术，相对来说只有个人电脑上的浏览器完美地支持了Flash插件，因此上述应用服务的跨终端能力受到Flash技术的限制，即用户跨终端使用上述应用服务时无法得到一致的服务体验和操作体验。

随着Html 5技术的出现，很多原来基于Flash插件技术在网页中实现的应用服务也可以使用Html 5技术来实现，相比Flash插件技术，Html 5技术实现离线应用、提高音视频播放流畅性、减小系统占用率等方面占有优势，特别地，Html 5技术的跨平台性强于Flash插件技术，现有的很多移动终端的平台均支持Html 5标准的网页文档，这也意味着，Html 5技术实现的网页中的应用服务具有较好的设备兼容性。但是现有技术中，由于各种终端的软件环境和硬件设备存在差异，用户仍然不能在各种终端上获得一致的服务体验以及操作体验。

发明内容

本发明的目的在于提供一种跨平台提供应用的方法以及客户端，使用户在操作不同终端设备使用同一在线应用时，能获得一致的服务体验和操作体验。

为达到上述目的，本发明提供了一种跨平台提供应用的方法，该方法包括：

客户端输出一无差异Web化应用界面；

所述客户端向服务器发送应用获取请求；

所述客户端接收所述服务器根据所述应用获取请求发送的脚本程序，该脚本程序内嵌于Html 5文档之中；

在所述无差异Web化应用界面内显示所述脚本程序的运行界面。

另一方面，本发明提供了一种跨平台提供应用的客户端，该客户端包括：

请求模块，用于向服务器发送应用获取请求；

接收模块，用于接收所述服务器根据所述应用获取请求发送的脚本程序，该脚本程序内嵌于Html 5文档之中；

运行模块，用于运行所述脚本程序，以生成该脚本程序的运行界面；

显示模块，用于输出一无差异Web化应用界面，并在该无差异Web化应用界面内显示所述运行界面。

本发明提供的一种跨平台提供应用的方法以及客户端，通过使用Html 5技术实现在线应用，提供了一种跨平台的中间件应用层支持，基于Html 5标准提供的对各种特性，可以在线运行Html 5的Javascript脚本，使得用户在使用不同终端设备获取上述在线应用时能获得一致的服务体验和操作体验，实现了在线应用的无差异化跨平台体验。同时其提供的Web应用界面便于用户操作和定制，能提升操作效率和增强用户体验。

附图说明

通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：

图1是根据本发明提供的跨平台提供应用的方法的一种具体实施方式的流程图；

图2是图1示出的具体实施方式的一种具体实施场景的示意图；

图3是根据本发明提供的跨平台提供应用的客户端的一种具体实施方式的结构示意图。

附图中相同或相似的附图标记代表相同或相似的部件。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明的实施例作详细描述。

首先请参考图1，图1是根据本发明提供的跨平台提供应用的方法的一种具体实施方式的流程图，该方法包括：

步骤S100，客户端输出一无差异Web化应用界面；

步骤S200，所述客户端向服务器发送应用获取请求；

步骤S300，所述客户端接收所述服务器根据所述应用获取请求发送的脚本程序，该脚本程序内嵌于Html 5文档之中；

步骤S400，在所述无差异Web化应用界面内显示所述脚本程序的运行界面。

需要说明的是，典型地，本方法提供的是针对B/S架构中解决跨平台提供应用的方法，所述平台指的是操作系统平台，所述应用指的是Html 5技术中的脚本程序。

具体地，步骤S100中所述客户端安装并运行在终端设备上，所述终端设备包括智能手机、平板电脑、个人电脑、智能电视等智能终端设备，该智能终端设备上安装的操作系统包括但不限于：Windows系列OS、Linux和Mac OS等适用于个人电脑的操作系统，以及Symbian、Windows Mobile、iOS、Android、Maemo、WebOS、Palm OS和Blackberry OS等适用于移动设备的操作系统。所述客户端安装在上述操作系统中，调用上述操作系统提供的资源正常启动运行，并输出无差异Web化应用界面。该无差异Web化应用界面指的是：无论用户使用安装了哪一种操作系统的终端，其上输出并显示的Web化应用界面的操作特性无差异。典型地，所述客户端输出一类似于浏览器界面的无差异Web化应用界面，优选地可以实施为一种便于触控设备操作的菜单界面，并可以根据用户的配置操作更改所述无差异Web化应用界面的显示样式，例如用户可以自定义所述无差异Web化应用界面的主题、尺寸、显示的元素等。

步骤S200中，所述客户端向提供应用的服务器发送应用获取请求，该应用获取请求内包括了所述客户端想要获得的应用的关键属性，典型地，所述客户端是根据用户针对所述无差异Web化应用界面的请求操作生成所述应用获取请求，所述请求操作例如是：根据关键字发起的搜索请求操作、点击操作、滑动触控操作等，当然所述无差异Web化应用界面调用为其提供运行环境的终端的人机交互设备以识别上述请求操作，该过程可以是所述客户端与所述终端后台交互通信完成，在本领域是属于常见技术，在此不再赘述。

在步骤S300中，所述服务器根据该应用获取请求向客户端进行反馈，即根据该应用获取请求向客户端发送脚本程序，典型地，该脚本程序是内嵌于Html 5文档内的Javascript脚本程序。

在步骤S400中，所述客户端解析所述Html 5文档并运行其中包括的Javascript脚本程序。该Javascript脚本程序依靠Html 5提供的新特性实现图形绘制、音视频输出、视觉效果生成、本地存储和实时连接等类似于传统Flash插件脚本的功能。在所述无差异Web化应用界面内显示该Javascript脚本程序的运行界面。具体地，为了实现该Javascript脚本程序的正常运行，所述客户端应内置支持Html 5的引擎。更优选地，所述客户端可设计为脚本容器，其中可以并行地运行至少两个所述Javascript脚本程序。由于所述客户端为所述Javascript脚本程序提供了运行环境，因此无论用户使用哪一种操作系统平台的终端，只要安装该客户端，即可运行所述Javascript脚本程序得到一样的运行界面，从而获得一致的服务体验。

考虑到所述Javascript脚本程序实现的在线应用可能存在与用户进行互动的情况，因此本方法在步骤S400后还可以包括如下步骤：所述客户端接收用户针对所述Javascript脚本程序的运行界面的互动操作，并将根据该互动操作产生的数据反馈给所述服务器。典型地，例如所述Javascript脚本程序实现的是一个在线游戏，则所述客户端持续检测用户使用终端设备发出的针对该在线游戏的界面的操作，以实时反馈给服务器，以便于服务器同步更新该在线游戏的数据状态。当然，基于Html 5的特性，另一个的实施例中，所述Javascript脚本程序可能是一个离线的应用，所述客户端可以在任意时间将用户使用终端操作该离线的应用而最终产生的数据结果反馈至服务器即可。

为了更进一步说明图1示出的方法的流程，请参考图2，图2是图1示出的具体实施方式的一种具体实施场景的示意图，提供应用的服务器201通过互联网与个人电脑202、移动终端203、智能电视204等终端设备连接，在上述终端设备上预装所述客户端所需的运行环境，例如预先安装操作系统，然后再安装所述客户端。所述客户端在上述终端设备的显示装置上输出一无差异Web化的应用界面，当用户使用任一上述终端设备操作所述Web化应用界面向服务器201发出应用获取请求后，服务器201根据该应用获取请求相应地向上述终端设备上安装的客户端发送内嵌于Html 5文档内的Javascript脚本程序，所述客户端解析并运行所述Html 5文档，最终输出Javascript脚本程序的运行界面。当用户使用任一上述终端设备从服务器201获取该Javascript脚本程序并运行后，其在所述终端设备上的运行效果与安装在所述终端设备上的原生程序相同，Html 5标准提供的API可以调用所述终端设备的硬件驱动以实现所述Javascript脚本程序设计时所希望的所有效果。特别地，由于上述终端设备的人机交互装置存在差异，所述客户端中应内置调用相应地人机交互装置API，以正常实现所述Javascript脚本程序与用户操作的交互。

另一方面，本发明还提供了一种跨平台提供应用的客户端，请参考图3，图3是根据本发明提供的跨平台提供应用的客户端的一种具体实施方式的结构示意图，该客户端300包括：

请求模块310，用于向服务器400发送应用获取请求；

接收模块320，用于接收所述服务器400根据所述应用获取请求发送的脚本程序，该脚本程序内嵌于Html 5文档之中；

运行模块330，用于运行所述脚本程序，以生成该脚本程序的运行界面；

显示模块340，用于输出一无差异Web化应用界面，并在该无差异Web化应用界面内显示所述运行界面。

本实施例中出现的术语可参考前文中作出的相关解释，在此不再赘述。需要说明的是，所述脚本程序通常包括Javascript脚本程序。

可选地，该客户端300还包括指令模块350，用于接收用户针对所述运行界面的互动操作，并将根据该互动操作产生的数据反馈给所述服务器400。

具体地，所述指令模块350还用于检测用户针对所述无差异Web化应用界面的请求操作，并将该请求操作发送给请求模块320；所述请求模块320根据该请求操作生成所述应用获取请求。

优选地，该客户端300还包括配置模块360，用于根据用户的配置操作更改所述无差异Web化应用界面的显示样式。

典型地，在一个实施例中，服务器400可以实施为一台物理服务器设备，在另一个实施例中，服务器400可以实施为服务器集群或服务器矩阵结构，其包括的多个服务器设备协同工作以实现服务器400中各个模块的逻辑关系和功能。在另一些实施例中，服务器400实施为一种计算机程序产品，上述计算机程序产品的实施例可以通过使用用于计算机可读信息的任何记录介质来实现，所述记录介质包括磁介质、光介质或其他适合的介质。

本发明提供的跨平台提供应用的方法可以使用可编程逻辑器件结合来实现，也可以实施为计算机程序软件，例如根据本发明的实施例可以是一种计算机程序产品，运行该程序产品使计算机执行用于所示范的方法。所述计算机程序产品包括计算机可读存储介质，该介质上包含计算机程序逻辑或代码部分，用于实现上述方法的各个步骤。所述计算机可读存储介质可以是被安装在计算机中的内置介质或者可从计算机主体拆卸的可移动介质(例如热拔插技术存储设备)。所述内置介质包括但不限于可重写的非易失性存储器，例如RAM、ROM、快闪存储器和硬盘。所述可移动介质包括但不限于：光存储媒体(例如CD-ROM和DVD)、磁光存储媒体(例如MO)、磁存储媒体(例如盒带或移动硬盘)、具有内置的可重写的非易失性存储器的媒体(例如存储卡)和具有内置ROM的媒体(例如ROM盒)。

本领域技术人员应当理解，任何具有适当编程装置的计算机系统都将能够执行包含在程序产品中的本发明的方法的诸步骤。尽管本说明书中描述的多数具体实施方式都侧重于软件程序，但是作为固件和硬件实现本发明提供的方法的替代实施例同样在本发明要求保护的范围之内。

以上所揭露的仅为本发明的一些较佳实施例而已，当然不能以此来限定本发明之权利范围，因此依本发明权利要求所作的等同变化，仍属本发明所涵盖的范围。

Claims

1.一种跨平台提供应用的方法，该方法包括：

客户端输出一无差异Web化应用界面；

所述客户端向服务器发送应用获取请求；

2.根据权利要求1所述的方法，该方法还包括：

所述客户端接收用户针对所述运行界面的互动操作，并将根据该互动操作产生的数据反馈给所述服务器。

3.根据权利要求1所述的方法，其中：

根据用户针对所述无差异Web化应用界面的请求操作生成所述应用获取请求。

4.根据权利要求1所述的方法，该方法还包括：

根据用户的配置操作更改所述无差异Web化应用界面的显示样式。

5.根据权利要求1至5任一项所述的方法，其中：

所述脚本程序包括Javascript脚本程序。

6.一种跨平台提供应用的客户端，该客户端包括：

请求模块，用于向服务器发送应用获取请求；

7.根据权利要求6所述的客户端，该客户端还包括：

指令模块，用于接收用户针对所述运行界面的互动操作，并将根据该互动操作产生的数据反馈给所述服务器。

8.根据权利要求7所述的客户端，其中：

所述指令模块还用于检测用户针对所述无差异Web化应用界面的请求操作，并将该请求操作发送给所述请求模块；

所述请求模块根据该请求操作生成所述应用获取请求。

9.根据权利要求6所述的客户端，该客户端还包括：

配置模块，用于根据用户的配置操作更改所述无差异Web化应用界面的显示样式。

10.根据权利要求6至9任一项所述的客户端，其中：

所述脚本程序包括Javascript脚本程序。