CN103685269B - 一种web浏览器与服务器进行双向通讯的方法和系统 - Google Patents

Abstract

本发明公开一种web浏览器与服务器进行双向通讯的方法和系统，其中，方法包括步骤：A、调用通用API，进行初始化；B、对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯。本发明通过对当前运行环境进行识别，判断web浏览器是否支持html5、Flash插件、iframe，进而智能选择使用Websocket通讯方式、Flashsocket通讯方式、iframe长连接通讯方式或者Ajax长轮询通讯方式，从而使本发明的通讯方法可以兼容市面上各种web浏览器。

Description

一种web浏览器与服务器进行双向通讯的方法和系统

技术领域

本发明涉及计算机软件领域，尤其涉及一种web浏览器与服务器进行双向通讯的方法和系统。

背景技术

web浏览器具有检索查询、文件服务、热表管理机离线浏览等等功能，而服务器则具有静态信息分布和动态信息分布等功能，web浏览器与服务器之间的双向通讯方式有多种，例如长轮询、长连接、Flashsocket及Websocket等通讯方式，但由于客户端web浏览器的种类及版本的不同，这些通讯方式无法兼容市面上的不同web浏览器。因此，现有技术还有待于改进和发展。

发明内容

鉴于上述现有技术的不足，本发明的目的在于提供一种web浏览器与服务器进行双向通讯的方法和系统，旨在解决现有通讯方法无法兼容不同web浏览器的问题。

本发明的技术方案如下：

一种web浏览器与服务器进行双向通讯的方法，其中，包括步骤：

A、调用通用API，进行初始化；

B、对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的方法，其中，所述步骤B中，当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的方法，其中，所述步骤B中，当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的方法，其中，所述步骤B中，当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯。

一种web浏览器与服务器进行双向通讯的系统，其中，包括：

初始化模块，用于调用通用API，进行初始化；

Websocket通讯模块，用于对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的系统，其中，还包括：

Flashsocket通讯模块，用于当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的系统，其中，还包括：

iframe长连接通讯模块，用于当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯。

所述的web浏览器与服务器进行双向通讯的系统，其中，还包括：

Ajax长轮询通讯模块，用于当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯。

有益效果：本发明通过对当前运行环境进行识别，判断web浏览器是否支持html5、Flash插件、iframe，进而智能选择使用Websocket通讯方式、Flashsocket通讯方式、iframe长连接通讯方式或者Ajax长轮询通讯方式，从而使本发明的通讯方法可以兼容市面上各种web浏览器。

附图说明

图1为本发明的web浏览器与服务器进行双向通讯的方法较佳实施例的流程图。

图2为本发明的web浏览器与服务器进行双向通讯的方法另一较佳实施例的流程图。

图3为本发明的web浏览器与服务器进行双向通讯的系统较佳实施例的结构框图。

图4为本发明的web浏览器与服务器进行双向通讯的系统另一较佳实施例的结构框图。

具体实施方式

本发明提供一种web浏览器与服务器进行双向通讯的方法和系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

请参阅图1，图1为本发明一种web浏览器与服务器进行双向通讯的方法，其包括步骤：

S101、调用通用API，进行初始化；

S102、对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯。

其中的Websocket通讯方式是下一代客户端与服务器之间的异步通信方法，该通信方法取代了单个的TCP套接字，使用ws或wss协议，可用于任意的客户端和服务器程序，Websocket通讯方式由W3C进行标识，该该通讯方式必须是支持html5的web浏览器才能使用，而像IE8、IE7、IE6等老版本的浏览器则不能使用，所以本实施例可通过判断web浏览器是否支持html5，来选择是否使用Websocket通讯方式与服务器进行双向通讯，若支持的话，则web浏览器可通过Websocket通讯方式与服务器进行双向通讯。

在所述步骤S102中，当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯。

Flashsocket通讯方式是在页面中嵌入了一个使用了Socket类的Flash程序，JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信，JavaScript在收到服务器端传来的信息后控制页面的显示，这种通讯方式要满足：需在客户端安装Flash插件，只有安装了Flash插件，才能采用该通讯方式，所以此步骤可通过判断web浏览器是否支持Flash插件来选择是否使用Flashsocket通讯方式，当支持时，则使用Flashsocket通讯方式与服务器进行双向通讯。

在所述步骤S102中，当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯。

iframe长连接通讯方式是在页面里嵌入了一个隐藏iframe，将这个iframe的src属性设为对一个长连接的请求或者采用xhr请求，服务器端就能源源不断地往客户端输入数据，这种通讯方式需满足浏览器支持iframe，所以此步骤判断web浏览器是否支持iframe，若支持的话，则使用此通讯方式与服务器进行双向通讯。

在所述步骤102中，当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯。

Ajax长轮询通讯方式是由客户端向服务器发送Ajax请求，服务器接收到请求后保持连接，直到有新消息才返回响应消息并关闭连接，客户端处理完响应消息再向服务器发送新的请求，在web浏览器均不支持html5、Flash插件、iframe的情况下，可选择这种通讯方式与服务器进行通讯。

下面提供一具体实施例来对本发明优选方案进行说明，如图2所示，包括：

S201、开始；

S202、调用通用API，进行初始化；

S203、对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯，当否时进入步骤S204；

S204、判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯，当否时进入步骤S205；

S205、判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯，当否时进入步骤S206；iframe长连接通讯方式中，服务器维护一个长连接会增加开销，所以在上述两种通讯方式无法实现的情况下，采用此iframe长连接通讯方式与服务器进行双向通讯。

S206、使用Ajax长轮询通讯方式与服务器进行双向通讯；由于Ajax长轮询通讯方式中，存在服务器保持连接会消耗资源、返回数据无顺序保证导致难以管理维护的缺点，所以在上述通讯方式均无法实现的情况下，采用此种通讯方式。

S207、完成与服务器的连接，进行双向通讯；

S208、结束。

在上述步骤中，整个判断步骤和通讯方式的选择对外是不可见的，web开发人员可不用关心底层是什么技术，浏览器是否兼容，只需调用API接口，从而减少了开发人员的开发时间和提高了效率。

本发明的方法是通过三大模块实现的，如图3所示：

底层通讯模块10，其是对底层各种通讯方式和技术的封装和实现，包括websocket通讯方式、Flashsocket通讯方式、ifame长连接通讯方式、Ajax长轮询通讯方式，在调用的时候，可通过当前运行环境，选择相应的通讯方式。

通用通讯模块20，其封装了常用的通讯业务，例如通讯中数据内容的格式化、序列化、加密和解密、日志处理等。

API模块30，向外提供一套统一的API，包括创建连接、关闭连接、断开连接、发送数据、接收数据等。

本发明还提供一种web浏览器与服务器进行双向通讯的系统，如图4所示，其包括：

初始化模块100，用于调用通用API，进行初始化；

Websocket通讯模块200，用于对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯。

进一步，所述系统还包括：

Flashsocket通讯模块300，用于当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯。

进一步，所述系统还包括：

iframe长连接通讯模块400，用于当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯。

进一步，所述系统还包括：

Ajax长轮询通讯模块500，用于当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯。关于上述模块的技术细节在前面的方法中已有详述，故不再赘述。

综上所述，本发明通过对当前运行环境进行识别，判断web浏览器是否支持html5、Flash插件、iframe，进而智能选择使用Websocket通讯方式、Flashsocket通讯方式、iframe长连接通讯方式或者Ajax长轮询通讯方式，从而使本发明的通讯方法可以兼容市面上各种web浏览器。

应当理解的是，本发明的应用不限于上述的举例，对本领域普通技术人员来说，可以根据上述说明加以改进或变换，所有这些改进和变换都应属于本发明所附权利要求的保护范围。

Claims (2)

1.一种web浏览器与服务器进行双向通讯的方法，其特征在于，包括步骤：

A、调用通用API，进行初始化；

B、对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯；

所述步骤B中，当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯；

所述步骤B中，当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯；

所述步骤B中，当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯；

iframe长连接通讯方式是在页面里嵌入了一个隐藏iframe，将所述iframe的src属性设为对一个长连接的请求或者采用xhr请求。

2.一种web浏览器与服务器进行双向通讯的系统，其特征在于，包括：

初始化模块，用于调用通用API，进行初始化；

Websocket通讯模块，用于对当前运行环境进行识别，判断web浏览器是否支持html5，当是时使用Websocket通讯方式与服务器进行双向通讯；

还包括：

Flashsocket通讯模块，用于当web浏览器不支持html5时，判断web浏览器是否支持Flash插件，当是时使用Flashsocket通讯方式与服务器进行双向通讯；

还包括：

iframe长连接通讯模块，用于当web浏览器不支持Flash插件时，判断web浏览器是否支持iframe，当是时使用iframe长连接通讯方式与服务器进行双向通讯；

还包括：

Ajax长轮询通讯模块，用于当web浏览器不支持iframe时，使用Ajax长轮询通讯方式与服务器进行双向通讯；

iframe长连接通讯方式是在页面里嵌入了一个隐藏iframe，将所述iframe的src属性设为对一个长连接的请求或者采用xhr请求。