websockets原理.pptxVIP

通信 APIWebSockets 原理演讲人：刘 倩学号：0133628目录1什么是通信API2什么是WebSockets3WebSockets的原理4WebSockets的作用WebSockets的局限性501什么是通信APICONTENT通信API能够实现信息传输功能的接口CONTENTHTML5中，与通信相关的功能有：CONTENT跨文档通信(cross-document messaging)可以在不同网页文档、不同端口、不同域之间进行消息的传递。（ /study/201202/web-messing-cross-document-messaging-two-iframe.html ）例如，我们在左侧输入“白静被害”，点击按钮后，右侧就有对应显示，参见下面截图：CONTENT跨文档通信(cross-document messaging)上面的demo实在一个文档页面内完成的。实际上跨文档通信也可以在不同窗体之间完成。 （ /study/201202/web-messing-cross-document-messaging-window.html ）在现代浏览器下，点击男生或女生按钮（例如点击男生按钮），打开的新页面子啊2秒后显示了对应的通信信息。如下截图展示CONTENT服务器发送事件(server-sent events)服务端可以每隔一段时间主动向客户端发送一个携带数据的事件，客户端在接收到该事件后可以使用该事件中所携带的的数据进行页面上内容的更新或其他一些必要的处理通道通信(channel messaging)消息通道提供了一个直接，双向浏览上下文之间的通信手段。跟跨文档通信一样，DOM不直接暴露。取而代之，管道每端为端口，数据从一个端口发送，另一个变成输入（反之亦然）。02什么是WebSocketsCONTENT什么是WebSocketsWebSockets是HTML5提供在Web应用程序中客户端与服务器端之间进行的非HTTP的通信机制。它实现了用HTTP不容易实现的的服务器端的数据推送等智能技术。WebSockets约定了一个通信的规范，通过一个握手的机制，客户端（浏览器）和服务器（web server）之间能建立一个类似tcp的连接，从而方便c－s之间的通信。CONTENT在WebSockets出现之前，web交互一般是基于http协议的短连接或者长连接。短连接的过程大概有下面几个步骤：（1）建立tcp连接；（2）浏览器发出http请求；（3）web server应答；（4）断开tcp连接；优点是简洁明了，缺点也很明显，每一次的交互中，建立和断开tcp连接带来了比较大的开销，而且http协议头比较长，也会带来带宽的浪费。通过设置http头中的keep－alive域可以实现http长连接，避免了建立和断开连接的开销，但是http协议头的问题仍然无法解决。除此之外，web server主动向浏览器推送数据的处理会比较麻烦，要么是浏览器发起轮询（毫无疑问，这是一个低效的方式），或者利用comet技术，比较复杂，而且这已经不是在html层面上解决问题了。而web socket的出现，解决了上面描述的问题。03WebSockets的原理CONTENTWebSockets原理WebSockets是一种全新的协议，不属于http无状态协议，协议名为ws，这意味着一个websockets连接地址会是这样的写法：ws://**。WebSockets协议本质上是一个基于tcp的协议。建立连接需要握手.客户端（浏览器）首先向服务器（web server）发起一条特殊的http请求web server解析后生成应答到浏览器，这样子一个websockets连接就建立了，直到某一方关闭连接。握手:数据传输：CONTENTWebSockets原理握手1. 客户端发送一个请求告诉?Apache?、?Nginx?等服务器：注意！发起的是Websocket协议，快点帮我找到对应的助理处理Sec-WebSocket-Key?是一个?Base64 encode?的值，这个是浏览器随机生成的，告诉服务器：我要验证你是不是真的是Websockets助理。Sec_WebSocket-Protocol?是一个用户定义的字符串，用来区分同URL下，不同的服务所需要的协议。Sec-WebSocket-Version?是告诉服务器所使用的?Websocket Draft?（协议版本）CONTENTWebSockets原理握手告诉客户端即将升级的是?Websocket?协议2. 服务器回应Sec-WebSocket-Protocol?则是表示最终使用的协议。这个则是经过服务器确Sec-WebSocket-Accept?认，并且加密过后的?Sec-WebSoc