h5 websocket

文章来自：源码在线https://www.shengli.me/h5/73.html

 

WebSocket API 已经替代我们过去几年一直在用的Ajax技术。那究竟什么是websocket API 呢？！请看下面

 

一、websocket API

 

它是一种客户端和服务器之间的异步通信方法。它替代了单个的TCP套接字，使用ws或wss协议，可用于任意的客户端和服务器程序。

支持它的浏览器有：Firefox 4、Chrome 4、Opera 10.70以及Safari 5

 

ajax技术需要客户端发起请求才能正常通信，而websocket 服务器 和客户端可以彼此相互推送信息，并且在给定的时间范围任意时刻。它也允许跨域通信。

 

二、用法

注：ws表示的是websocket的协议

 

Socket.IO是Guillermo Rauch创建的WebSocket API，Guillermo Rauch是LearnBoost公司的首席技术官以及LearnBoost实验室的首席科学家。

 

Socket.IO可以从GitHub下载，可以把socket.io.js文件包含到页面中：

 

 

 

 

 

 

Socket.IO简化了WebSocket API，统一了返回运输的API。传输包括：
WebSocket
Flash Socket
AJAX long-polling
AJAX multipart streaming
IFrame
JSONP polling

你还可以设置任意的Socket.IO构造器的第二个选项，选项包括：

port - 待连接的端口
transports - 一个数组，包含不同的传输类型
transportOptions - 传输的参数使用的对象，带附加属性

Socket.IO还提供了由本地WebSocket API提供的普通连接、断开连接、消息事件。Socket还提供了封装每个事件类型的方法。

 

四、NodeJS和Socket.IO联合开发