04-WebSocket使用说明概论.pptx

WebSocket 使用说明 新一代的前后端交互神器 张磊 15.6.27 本次交流之内容 WebSocket 是什么 WebSocket 优点 WebSocket 规范 WebSocket JavaScript 接口 WebSocket 在浏览器端的支持 WebSocket 的局限性 WebSocket 的使用 WebSocket是什么 WebSocket是为解决客户端与服务端实时通信而产生的技术。 其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接，此后服务端与客户端通过此TCP连接进行实时通信 WebSocket的优点 WebSocket API 优势之处 在于服务器和客户端可以在给定的时间范围内的任意时刻，相互推送信息。在建立连接之后，服务器可以主动传送数据给客户端。 此外，服务器与客户端之间交换的标头信息很小。 WebSocket 并不限于以Ajax方式通信，因为Ajax技术需要客户端发起请求。 WebSocket，可以做到【服务器】和【客户端】可以彼此相互推送信息；WebSocket API是下一代客户端-服务器的异步通信方法 WebSocket目前由W3C进行标准化。 WebSocket 规范（握手协议） WebSocket握手协议建立成功后，客户端和服务器端就可以通过建立好的通道双向传输数据了 Sec-WebSocket-Key1，Sec-WebSocket-Key2 , [8-byte security key] --握手信息 服务器端解析这些头信息，并在握手的过程中依据这些信息生成一个 16 位的安全密钥并返回给客户端，以表明服务器端获取了客户端的请求，同意创建 WebSocket 连接 WebSocket JavaScript 接口 URL 属性代表 WebSocket 服务器的网络地址，协议通常是”ws”。 send 方法就是发送数据到服务器端。 close 方法就是关闭连接。 onopen， onmessage， onerror 以及 onclose 浏览器的支持 WebSocket 的局限性 WebSocket 的优点已经列举得很多了，但是作为一个正在演变中的 Web 规范，我们也要看到目前用 WebSocket 构建应用程序的一些风险。 首先，WebSocket 规范目前还处于草案阶段，也就是它的规范和 API 还是有变动的可能， 另外的一个风险就是微软的 IE 作为占市场份额最大的浏览器，和其他的主流浏览器相比，对 HTML5 的支持是比较差的。 WebSocket 服务器端 的使用 首页建立连接及发布端口 向客户端发送数据 WebSocket 服务器端 的使用 必需要引入的jar包 WebSocket 客户端 的使用 前端JS (客户端)写法 1、创建websocket 2、创建成功后，会触发onopen事件 3、onmessage事件，用于接收服务器端信息 结束 3Q