sockethtml5,html5 socket

HTML5可以用socket通信吗

就是一组已经完成的协议，调用new WebSocket(url)与服务器握手，WebSocket.send()发送信息，onmessage事件处理得到的消息，很简单的附：服务器端就不好做了，可以参考一下Torando(一个python语言的服务器,支持websocket)

10年积累的成都网站设计、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有高淳免费网站建设让你可以放心的选择与我们合作。

对webSocket到不是很熟悉，但是应该可以用其他方式解决，比如用vc开发一个ocx，放到客户端让浏览器调用，缺点是需要提前注册还必须用ie或360浏览器，也可以用flash开发一个socket客户端，让浏览器加载进去，flash任何浏览器都支持。

WebSocket主要用于实时消息接收和发送。传统web的通信是基于http传输协议的，这种协议有一个缺点就是它是面向请求，只有客户端请求一次服务器才会返回最新的一次消息，无法达到服务器更新客户端也同步更新。

那么传统web如何实现实时通信呢？

答案是socket，本质也是http，客户端隔断时间向服务器发送请求查看是否有更新（轮询），这样的做法缺点很明显，性能低下，大部分时间都在做无用功。

于是，人们为了解决http的单通信问题，开发并规范了WebSocket协议，它实现浏览器与服务器全双工通信。它并非http协议，但第一次握手借助http的请求方法。

一、WEB SOCKET

1、Web Socket是一种协议、本质上和http、tcp一样、协议是用来说明数据是如何传输的,写过一个小的在线聊天使用了socket.io、之后总结这个项目

2、Web Socket的前缀有两种：（1）ws:// 不是加密的、 (2)wss:// 是加密的

3、客户端和服务端进行Web Socket交互的方式也可以理解为“http握手 tcp数据传输”的方式

（1）浏览器（支持Websocket的浏览器）像HTTP一样、发起一个请求、然后等待服务端的响应

（2）服务器返回握手响应、告诉浏览器请将后续的数据按照websocket制定的数据格式传过来

（3）浏览器和服务器的socket连接不中断、此时这个连接和http不同的是它是双工的了

（4）浏览器和服务器有任何需要传递的数据的时候使用这个长连接进行数据传递

注

HTTP握手：是因为浏览器和服务器在建立长连接的握手过程是按照HTTP1.1的协议发送的、有Request、Request Header、 Response、 Response Header、但是不同的是Header里面的字段是有特定含义的

TCP传输: 主要体现在建立长连接后、浏览器是可以给服务器发送数据、服务器也可以给浏览器发送请求的、当然它的数据格式并不是自己定义的、是在要传输的数据外层有ws协议规定的外层包的

4、数据传输过程:websocket的数据传输形式是：frame、比如会将一条消息分为几个frame、按照先后顺序传输出去、这样做会有几个好处

（1）大数据的传输可以分片传输、不用考虑到数据大小导致的长度标志位不足够的情况

（2）和http的chunk一样、可以边生成数据边传递消息、即提高传输效率

5、客户端使用Web Socket的语法：JavaScript、服务端：多种web框架支持

二、WEB WORKER

1、当在 HTML 页面中执行脚本时、页面的状态是不可响应的、直到脚本已完成、而Web Worker 是运行在后台的 JavaScript、独立于其他脚本、不会影响页面的性能、您可以继续做任何愿意做的事情：点击、选取内容等等、而此时 Web Worker 在后台运行

除了DOM操作之外、理论上任何JS脚本任务都可放入worker中执行；语法上的限制、则是不能跨域访问JS、worker常用于需要消耗大量时间和CPU资源的复杂计算、以换来前台用户操作的友好型；换句话说、从用户体验上看、提高了服务性能

2、Web Worker使用：(当我们创建 Web Worker 对象后、它会继续监听消息（即使在外部脚本完成之后）直到其被终止为止）

（1）通过向 Web Worker 添加一个 "onmessage" 事件监听器来获取接受到的消息

（2）发送消息：postMessage()

（3）终止 Web Worker、并释放浏览器/计算机资源: terminate()

HTML5 WebSocket实现消息推送有以下两种方法：

长连接：在页面里嵌入一个隐蔵iframe，将这个隐蔵iframe的src属性设为对一个长连接的请求或是采用xhr请求，服务器端就能源源不断地往客户端输入数据。优点：消息即时到达，不发无用请求；管理起来也相对便。

Flash Socket：在页面中内嵌入一个使用了Socket类的 Flash 程序JavaScript通过调用此Flash程序提供的Socket接口与服务器端的Socket接口进行通信，JavaScript在收到服务器端传送的信息后控制页面的显示。优点：实现真正的即时通信，而不是伪即时。

实现消息推送可以试一试极光。极光是国内领先的移动开发者服务提供商，近十年里，极光紧密围绕移动开发者的需求，打造了一系列针对开发者运营、增长及变现的产品。

本文名称：sockethtml5,html5 socket
转载来于：http://scyanting.com/article/hodjjj.html