一、概念
WebSocket 是一种网络通信协议，是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通信的协议，扩展了浏览器和服务端的通信功能，使服务端也能主动向客户端发送数据。
二、背景
HTTP 协议是一种无状态的、无连接的、单向的应用协议，采用了请求/响应模型，但是请求只能由客户端发起，服务端对请求做出应答处理，弊端：HTTP 协议无法实现服务器主动向客户端发起消息，如果服务端有连续的状态变化，客户端要获取非常麻烦（如带有即时通信、实时数据和订阅推送功能的已用），大部分 Web 应用程序将通过频繁的异步 javascript 和 XML(AJAX) 请求实现长轮询，轮询效率低，非常浪费资源（因为必须不停连接，或者 HTTP 连接始终打开）。
轮询：最原始实现实时 Web 应用的解决方案，要求客户端以设定的时间间隔周期性地向服务端发送请求，频繁的查询是否有新的数据改变，这种方法会导致过多不必要的请求，浪费流量和服务器资源
Comet 技术可以分为长轮询和流技术。长轮询改变了轮询技术，减少了无用请求，会为某些数据设定过期时间，当数据过期后才会向服务端发送请求；这种机制适合数据的改动不是特别频繁的情况；流技术客户端使用一个隐藏的窗口与服务端建立一个HTTP长连接，服务端会不断更新连接状态以保持HTTP长连接存活；这样的话，服务端就可以通过这条长连接主动将数据发送给客户端；流技术在大并发环境下，可能会考验到服务端的性能。
这两种技术都是基于请求-应答模式，不算真正意义上的实时技术
WebSocket 连接允许客户端和服务端之间进行全双工的通信，以便任何一方都可以通过建立的连接将数据推送到另一端，WebSocket 只需建立一次连接，就可以一直保持连接状态，这相比于轮询不停的建立连接显然效率要大大提高。
三、WebSocket 客户端
客户端 API
var websocket = new WebSocket(url, [protocol]) // [protocol]参数可选WebSocket 属性
| 属性 | 描述 |
|---|---|
| websocket.readyState | 只读属性 readyState 表示连接状态：0 - 表示连接尚未建立。1 - 表示连接已建立，可以进行通信。2 - 表示连接正在进行关闭。3 - 表示连接已经关闭或者连接不能打开。 |
| websocket.bufferedAmount | 只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输，但是还没有发出的 UTF-8 文本字节数。 |
WebSocket 事件
| 方法 | 描述 |
|---|---|
| open | 连接建立时触发 |
| message | 客户端接收服务器端数据时触发 |
| error | 通信发生错误时触发 |
| cloase | 连接关闭时触发 |
WebSocket 方法
| 方法 | 描述 |
|---|---|
| websocket.send() | 发送数据 |
| websocket.close() | 关闭连接 |
四、代码实现
前端页面 client.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Java 后端 WebSoc
最低0.47元/天 解锁文章
1857
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
