移动终端调用web应用的通信系统、方法及装置与流程

本申请涉及移动互联网技术领域，尤其是涉及一种移动终端调用web应用的通信系统、方法及装置。

背景技术：

在当今互联网时代的大背景之下，互联网技术正以难以想象的迅猛速度发展，互联网时代的前景为业界看好，移动生活也已深深植入我们日常生活。移动终端作为载体，其发展趋势将对移动互联业务产生深远影响。移动终端即移动通信终端，是指可以在移动中使用的计算机设备，其移动性主要体现在移动通信能力和便携化体积上。也正是由于移动终端的便携性，使得其在当今社会中扮演了越来越重要的角色。

随着移动终端技术的飞速发展，人们迫切希望随时随地在移动的过程中能够使用各种功能的软件和应用，就如同PC机一样。但由于移动终端本身的特点，只能实现键盘输入的功能，使得其在直接调用适配于PC机的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为本申请实施例的客户端页面示意图；

图2为本申请实施例的一种移动终端调用web应用的通信方法流程示意图；

图3为本申请实施例的一种移动终端调用web应用的通信方法流程示意图；

图4为本申请实施例的客户端页面模式开关示意图；

图5为本申请实施例的用户手势操作示意图；

图6为本申请实施例的用户手势操作结果示意图；

图7为本申请实施例的客户端页面模式选项示意图；

图8为本申请实施例的一种移动终端调用web应用的通信方法流程示意图；

图9为本申请实施例的一种移动终端调用web应用的通信流程示意图；

图10为本申请实施例的一种移动终端调用web应用的通信装置示意图；

图11为本申请实施例的另一种移动终端调用web应用的通信装置示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚明白，下面结合实施例和附图，对本申请实施例做进一步详细说明。在此，本申请实施例的示意性实施例及其说明用于解释本申请实施例，但并不作为对本申请实施例的限定。

下面结合附图，对本申请实施例的具体实施方式作进一步的详细说明。

本申请实施例提供的一种移动终端调用web应用的通信系统可以包括：

客户端，用于在与web服务器端通信握手后，接收用户发出的进入虚拟鼠标模式的指令，并将所述指令发送给所述web服务器端；接收所述用户发出的针对目标对象的操作手势信息，并将其发送给所述web服务器端；接收并展示所述web服务器返回的处理结果。

所述客户端指安装在移动终端上的本地应用程序(Native App)。其中，移动终端指可以在移动中使用的计算机设备，例如手机、平板电脑、智能手表、可穿戴的移动设备等具有手势识别功能的设备。所述本地应用程序可以为一种基于智能手机本地操作系统如iOS、Android、WP并使用原生程式编写运行的第三方应用程序，也叫本地app，一般使用的开发语言为JAVA、C++、Objective-C。

在本申请的一个具体实施例中，所述客户端页面如图1所示，图1的界面包括两个部分一个是搜索框，一个是web app列表，web app列表中列出了不同的web app，包括web app1、web app2、web app3。用户可以通过在搜索框中输入地址，访问相应的web应用，也可以通过点击web app列表中的相应图标进入相应的web app页面。其中，所述地址可以是一串按照预设规则排列的字符，对应唯一的web网页。

web服务器端，用于在与客户端通信握手后，接收所述客户端发送的虚拟鼠标模式信息，并进入所述虚拟鼠标模式；在所述虚拟鼠标模式下，当接收到所述客户端发送的操作手势信息时，对所述操作手势信息进行处理，并向所述客户端返回处理结果。

所述web服务器端可以是由具有数据存储和数据处理功能的一个计算机或多个计算机组成。在所述web服务器端中可以通过web技术调用安装在web服务器上的应用程序，即web app。

由上述本申请实施例提供的一种移动终端调用web应用的通信系统可知，该系统可以由安装在移动终端的客户端和web服务器端组成。所述客户端在于web服务器进行通信时，首先将虚拟鼠标模式信息传送给web服务器，使web服务器处于虚拟鼠标的工作模式中。在虚拟鼠标模式中，web服务器就会将客户端发送的手势信息解析成相应的鼠标操作，从而实现了模拟鼠标的功能。

参考图2，本申请实施例提供了一种移动终端调用web应用的通信方法，所述方法可以包括以下步骤。

S201，在与web服务器端通信握手后，客户端接收用户发出的进入虚拟鼠标模式的指令，并将所述指令发送给所述web服务器端。

在本申请的一个实施例中，客户端与web服务器端实现通信握手的目的是为了确保后续能够正常传输并识别手势信息。该通信握手为一个回调过程，所述回调过程指客户端发起请求，服务器端做出响应的一种通信过程。用户发出进入虚拟鼠标模式的指令，客户端识别这一指令。其中，用户发出指令可以通过触摸移动终端上客户端页面上的相应按钮或者选择选项实现。客户端识别指令的过程指用户端通过相应控件监听用户输入的选择虚拟鼠标模式的指令。在识别指令之后，客户端将该指令按照预设通信规则，解析成所述web服务器端可识别的计算机语言并发送。其中，所述客户端发送该指令可以指客户端将包含有该指令内容的信息发送给web服务器端。所述包含有该指令内容的信息中包含用户想要进入的虚拟鼠标模式信息。具体的，客户端可以将指令信息记载在一串预设规则排列，并且满足在预设的通信协议的字符串中，并将该字符串发送给web服务器。

S202，所述web服务器端接收所述客户端发送的所述指令，并进入所述虚拟鼠标模式。

服务器按照预设的通信协议识别客户端所发送的指令，读取指令中的虚拟鼠标模式信息。在识别之后，服务器端进入相应的虚拟鼠标模式。具体的，服务器进入相应的虚拟鼠标模式这一过程的实现可以通过打开服务器内相应模式的端口等方式实现。

S203，所述客户端接收所述用户发出的针对目标对象的操作手势信息，并将其发送给所述web服务器端。

在本申请的一个实施例中，在虚拟鼠标模式下，用户通过手势操作实现对目标对象的控制。客户端通过相应控件监听用户的手势操作，并将该操作信息发送给web服务器端。这里的手势信息指客户端能够正常识别的手势，例如滑动、点击等。

S204，在所述虚拟鼠标模式下，所述web服务器端接收并处理所述操作手势信息，并向所述客户端返回处理结果。

在本申请的一个实施例中，web服务器端根据当前所处的虚拟鼠标模式状态，对所述客户端传送的相应手势操作进行识别。例如，在所述虚拟鼠标模式下，服务器内虚拟鼠标模式对应的解析端口打开。web服务器在接收到操作手势信息后，根据服务器内打开的模式端口进行解析。解析成web app可识别的鼠标接口数据，web app对鼠标接口数据进行相应的处理。例如，当前处于按住鼠标左键的模式，在某一web app中，对目标对象按住鼠标左键滑动就会实现目标对象的旋转。web服务器将滑动手势解析成正常鼠标按住左键拖动的接口数据，web app就会自动识别该接口数据，实现目标对象的旋转。web服务器将处理后的结果返回给所述客户端。

S205，所述客户端接收并展示所述处理结果。

客户端在接收到服务器端发送过来的结果信息后，要对结果进行展示。所述展示可以为在客户端页面显示web服务器端返回的处理结果。例如，在通过手势信息对目标对象进行旋转后，web服务器端将旋转后的结果反馈给客户端。客户端就会显示目标对象旋转后的页面。

由上述本申请实施例可知，客户端将虚拟鼠标的工作模式信息传递给web服务器，使web服务器进入虚拟鼠标工作模式中。之后客户端传过来的手势信息，服务器就会按照虚拟鼠标工作模式中的定义去解析，从而实现了模拟鼠标的功能。

参考图3，本申请的实施例提供了一种移动终端调用web应用的通信方法，所述方法可以包括：

S301，在与web服务器端通信握手后，客户端接收用户发出的进入虚拟鼠标模式的指令，并将所述指令发送给所述web服务器端。

在本申请的一个实施例中，客户端与web服务器端实现通信握手的目的是为了确保后续能够正常传输并识别手势信息。该通信握手为一个回调过程，所述回调过程指客户端发起请求，服务器端做出响应的一个通信过程。用户发出进入虚拟鼠标模式的指令，客户端识别这一指令。其中，用户发出指令可以通过触摸移动终端上客户端页面上的相应按钮或者选择选项实现。客户端识别指令的过程指用户端通过相应控件监听用户输入的选择虚拟鼠标模式的指令。在识别指令之后，客户端将该指令按照预设通信规则，解析成所述web服务器端可识别的计算机语言并发送。其中，所述客户端发送该指令可以指客户端将包含有该指令内容的信息发送给web服务器端。所述包含有该指令内容的信息中包含用户想要进入的虚拟鼠标模式信息。具体的，客户端可以将指令信息记载在一串预设规则排列，并且满足在预设的通信协议的字符串中，并将该字符串发送给web服务器。

S302，接收所述用户发出的针对目标对象的操作手势信息，并将其发送给所述web服务器端。

在本申请的一个实施例中，客户端通过移动终端内置的手势识别设备监听用户发出的手势信息。例如，手机客户端通过手机内置手势识别模块监听用户的滑动操作。

S303，所述客户端接收并展示所述web服务器返回的处理结果。

客户端在接收到服务器端发送过来的结果信息后，要对结果进行展示。所述展示可以为在客户端页面显示web服务器端返回的处理结果。例如，在通过手势信息对目标对象进行旋转后，web服务器端将旋转后的结果反馈给客户端。客户端就会显示目标对象旋转后页面。

由上述本申请实施例可知，客户端首先将虚拟鼠标工作模式信息发送给了服务器，服务器就可以进入相应的虚拟鼠标工作模式。此时，客户端再将手势信息发送给服务器，服务器就会按照当前虚拟鼠标工作模式去识别，从而实现了模拟鼠标的功能。

在本申请的一个具体实施例中，为了区别正常滑动页面和按住左键滑动，在客户端的web app页面下方设置了一个开关，如图4所示。图4中开关打开，即开关按钮滑到右边时，进入按住左键滑动的模式；开关关闭，即按钮滑到左边时，为正常滑动模式。用户通过滑动开关按钮至右边进入按住左键滑动的虚拟鼠标模式。在按住左键滑动的虚拟鼠标模式下，用户在客户端页面进行滑动时，就会默认是按住鼠标左键的滑动。例如在某一web app中，按住左键滑动对应的是旋转目标对象功能。在此模式下，如图5所示，用户在手机客户端页面的目标图像对应位置按照图中虚线所示进行滑动，目标图像就会做相应旋转，旋转结果如图6所示。

由上述本申请实施例可知，当客户端将按住左键滑动的虚拟鼠标工作模式信息发送给服务器后，客户端就会进入按住左键滑动的虚拟鼠标工作模式，此时滑动页面，就会对应按住左键滑动的鼠标功能。

在本申请的一个实施例中，S301具体实施时，在与web服务器端通信握手后，客户端中的第一桥接模块接收用户发出的进入虚拟鼠标模式指令，并将所述指令发送给web服务器端中的第二桥接模块。其中，所述第一桥接模块与所述第二桥接模块均满足预设通信协议。

在本申请的一个具体实施例中，手机端的平台为IOS，第一桥接模块通过WebViewJavascriptBridge.m和WebViewJavascriptBridge.h实现。客户端页面如图1所示，用户点击web app列表中的web app1。客户端将访问web app1的请求发送给web服务器，并且开始加载客户端中的第一桥接模块。加载成功的第一桥接模块将用户之后发出的进入虚拟鼠标模式信息按照预设通信协议进行解析，解析成第二桥接模块可识别的信息，并发送给第二桥接模块。

在本申请的另外一个具体实施例中，手机端的平台为Android，第一桥接模块通过WebViewJavascriptBridge.java实现。客户端页面如图1所示，用户点击web app列表中的web app1。客户端将访问web app1的请求发送给web服务器，并且开始加载客户端中的第一桥接模块。加载成功的第一桥接模块将用户之后发出的进入虚拟鼠标模式信息按照预设通信协议进行解析，解析成第二桥接模块可识别的信息，并发送给第二桥接模块。

由上述实施例可知，客户端通过第一桥接模块将虚拟鼠标的模式信息发送给服务器，从而实现模拟鼠标的功能。

在本申请的另一个实施例中，第一桥接模块还可以用于数据传输。具体的，当手机客户端访问图像编辑的web app时，例如Photoshop，第一桥接模块可以将手机上的本地图片发送到web端进行操作。

在本申请的一个实施例中，所述虚拟鼠标模式选项包括多种。在本实施例中，虚拟鼠标模式可以包括：虚拟鼠标模式1、虚拟鼠标模式2、虚拟鼠标模式3等等。例如虚拟鼠标模式可以为：按住左键滑动模式、点击鼠标右键模式以及按住右键滑动模式等。在本申请的一个具体实施例中，在客户端的web app页面有一个鼠标模式选择下拉菜单，如图7所示。用户通过选择下拉菜单中的选项，进入相应的虚拟鼠标模式。

在本实施例中提供了不同虚拟鼠标模式供选择，克服了移动端手势单一的确定，可以根据用户所选择不同虚拟鼠标模式，对相同的手势信息进行不同的解释，更加完善的实现了模拟鼠标的功能。

参考图8，本申请实施例提供了一种移动终端调用web应用的通信方法。所述方法包括以下步。

S801，在与客户端通信握手后，web服务器端接收所述客户端发送的虚拟鼠标模式信息，并进入所述虚拟鼠标模式。

S802，在所述虚拟鼠标模式下，当接收到所述客户端发送的操作手势信息时，所述web服务器端对所述操作手势信息进行处理，并向所述客户端返回处理结果。

在本实施例中，web服务器端首先根据接收到的虚拟鼠标模式信息，进入相应模式的工作状态。在接收到客户端发送的手势信息后，结合所述虚拟鼠标模式进行解析，从而实现了模拟鼠标的功能。

在本申请的一个实施中，图8所示的流程图中的web服务器端为成功加载第二桥接模块的客户端。其中，所述第二桥接模块满足预设通信协议。该通信协议为与客户端通用的协议。第二桥接模块解析客户端发送的虚拟鼠标模式信息，并进入相应的工作模式。在此模式下，第二桥接模块就会按照当前工作模式中的定义解析之后由客户端发送过来的操作手势，将其解析为web app可以直接识别的鼠标接口数据。web服务器端中的web app就会根据所述实际鼠标接口数据进行相应的处理。

在本申请的一个具体实施例中，第二桥接模块通过WebViewJavascriptBridge.js实现。当web服务器接收到客户端发送的web app的访问请求后，web服务器就会自动加载第二桥接模。通过第二桥接模块接收客户端发送的虚拟鼠标模式信息，并进入相应的虚拟鼠标工作模式中。

上述实施例中，web服务器端通过第二桥接模块识别客户端发送的虚拟鼠标模式信息。按照当前虚拟鼠标模式中的定义解析客户端发送的操作手势信息，从而最终实现了模拟鼠标的功能。

在本申请的一个实施例中，第二桥接模块还可以用于数据传输。具体的，当手机客户端访问图像编辑的web app时，例如Photoshop，在web app端完成了相应的图片处理之后，可以通过第二桥接模块将处理之后的图片保存到手机中。

上述实施例中，第二桥接模块除了按照鼠标的工作模式解析手势动作之外，还可以用于传输数据，进一步优化了web应用的调用过程。

参考图9，本申请的实施例所提供的一种移动端调用web应用的通信过程可以包括以下步骤。

(1)客户端接收用户访问web应用的操作。

(2)客户端发出所述访问web应用的请求，并加载其内的第一桥接模块。

(3)web服务器端接收所述访问web应用的请求，并加载其内的第二桥接模块。

(4)客户端向web服务器端发出信息，询问是否成功加载第二桥接模块。

(5)web服务器端返回成功加载第二桥接模块的信息，实现与客户端第一次通信握手。

(6)客户端接收用户进入虚拟鼠标模式的操作。

(7)所述第一桥接模块接收所述用户进入虚拟鼠标模式的操作，并向第二桥接模块发送当前模式信息；。

(8)所述第二桥接模块接收所述当前模式信息，并进入所述当前模式信息。

(9)所述客户端接收用户输入的操作手势。

(10)客户端将所述操作手势的信息发送给第二桥接模块。

(11)第二桥接模块接收所述手势操作信息，并将其解析成鼠标接口数据。

(12)web服务器端中的web app根据所述鼠标接口数据，进行相应的处理。

(13)web服务器端将处理结果信息发送给客户端。

(14)客户端展示所述处理结果。

由以上实施例可知，客户端通过将虚拟鼠标模式信息传送给web服务器，从而使得web服务器端处于所述虚拟鼠标模式中。在所述虚拟鼠标模式下，客户端再将相应手势信息发送给web服务器时，服务器就可以按照虚拟鼠标模式下的定义按照鼠标的功能识别相应实施，从而实现了模拟鼠标的功能。

本申请实施例中还提供了一种移动端调用web应用的通信装置，如下面的实施例所述。由于该装置解决问题的原理与一种移动端调用web应用的通信方法相似，因此该装置的实施可以参见一种移动端调用web应用的通信方法的实施，重复之处不再赘述。

参考图10，本申请实施例还一种移动端调用web应用的通信装置，所述装置可以包括：

第一接收发送模块1001，用于在与web服务器端通信握手后，接收用户发出的进入虚拟鼠标模式的指令，并将所述指令发送给所述web服务器端。

第二接收发送模块1002，用于接收所述用户发出的针对目标对象的操作手势信息，并将其发送给所述web服务器端。

接收展示模块1003，用于接收并展示所述web服务器返回的处理结果。

由上述本申请实施例可知，客户端首先将虚拟鼠标工作模式信息发送给了服务器，服务器就可以进入相应的虚拟鼠标工作模式。此时，客户端再将手势信息发送给服务器，服务器就会按照当前虚拟鼠标工作模式去识别，从而实现了模拟鼠标的功能。

参考图11，本申请实施例还提供了另一种移动端调用web应用的通信装置，所述装置可以包括：

接收模块1101，用于在与客户端通信握手后，接收所述客户端发送的虚拟鼠标模式信息，并进入所述虚拟鼠标模式。

处理返回模块1102，用于在所述虚拟鼠标模式下，当接收到所述客户端发送的操作手势信息时，对所述操作手势信息进行处理，并向所述客户端返回处理结果。

在本实施例中，web服务器端首先根据接收到的虚拟鼠标模式信息，进入相应模式的工作状态。在接收到客户端发送的手势信息后，结合所述虚拟鼠标模式进行解析，从而实现了模拟鼠标的功能。

以上所述的具体实施例，对本申请的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本申请实施例的具体实施例而已，并不用于限定本申请的保护范围，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。