什么是Websocket
WebSocket:在单个TCP连接上进行全双工通信的协议
引擎支持最新的WebSocket Version 13。 在C++中使用 详细代码可参考引擎目录下的/samples/Cpp/TestCpp/Classes/ExtensionsTest/NetworkTest/WebSocketTest.cpp文件。 头文件中的准备工作 首先需要include WebSocket的头文件。 #include "networ
认识HTML5的WebSocket在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Socket.IO。
一、什么是WebSocket API?
WebSocket API是下一代客户端-服务器的异步通信方法。该通信取代了单个的TCP套接字,使用ws或wss协议,可用于任意的客户端和服务器程序。WebSocket目前由W3C进行标准化。WebSocket已经受到Firefox 4、Chrome 4、Opera 10.70以及Safari 5等浏览器的支持。
WebSocket API最伟大之处在于服务器和客户端可以在给定的时间范围内的任意时刻,相互推送信息。WebSocket并不限于以Ajax(或XHR)方式通信,因为Ajax技术需要客户端发起请求,而WebSocket服务器和客户端可以彼此相互推送信息;XHR受到域的限制,而WebSocket允许跨域通信。
Ajax技术很聪明的一点是没有设计要使用的方式。WebSocket为指定目标创建,用于双向推送消息。
二、WebSocket API的用法
只专注于客户端的API,因为每个服务器端语言有自己的API。下面的代码片段是打开一个连接,为连接创建事件监听器,断开连接,消息时间,发送消息返回到服务器,关闭连接。
[Copy to clipboard] [ - ]
CODE:
// 创建一个Socket实例
var socket = new WebSocket('ws://localhost:8080');
// 打开Socket
socket.onopen = function(event) {
// 发送一个初始化消息
socket.send('I am the client and I\'m listening!');
// 监听消息
socket.onmessage = function(event) {
console.log('Client received a message',event);
};
// 监听Socket的关闭
socket.onclose = function(event) {
console.log('Client notified socket has closed',event);
};
// 关闭Socket....
//socket.close()
};
让我们来看看上面的初始化片段。参数为URL,ws表示WebSocket协议。onopen、onclose和onmessage方法把事件连接到Socket实例上。每个方法都提供了一个事件,以表示Socket的状态。
onmessage事件提供了一个data属性,它可以包含消息的Body部分。消息的Body部分必须是一个字符串,可以进行序列化/反序列化操作,以便传递更多的数据。
WebSocket的语法非常简单,使用WebSockets是难以置信的容易……除非客户端不支持WebSocket。IE浏览器目前不支持WebSocket通信。如果你的客户端不支持WebSocket通信,下面有几个后备方案供你使用:
Flash技术 —— Flash可以提供一个简单的替换。 使用Flash最明显的缺点是并非所有客户端都安装了Flash,而且某些客户端,如iPhone/iPad,不支持Flash。
AJAX Long-Polling技术 —— 用AJAX的long-polling来模拟WebSocket在业界已经有一段时间了。它是一个可行的技术,但它不能优化发送的信息。也就是说,它是一个解决方案,但不是最佳的技术方案。
由于目前的IE等浏览器不支持WebSocket,要提供WebSocket的事件处理、返回传输、在服务器端使用一个统一的API,那么该怎么办呢?幸运的是,Guillermo Rauch创建了一个Socket.IO技术。
三、带Socket.IO的WebSocket
Socket.IO是Guillermo Rauch创建的WebSocket API,Guillermo Rauch是LearnBoost公司的首席技术官以及LearnBoost实验室的首席科学家。Socket.IO使用检测功能来判断是否建立WebSocket连接,或者是AJAX long-polling连接,或Flash等。可快速创建实时的应用程序。Socket.IO还提供了一个NodeJS API,它看起来非常像客户端API。
建立客户端Socket.IO
Socket.IO可以从GitHub下载,可以把socket.io.js文件包含到页面中:
[Copy to clipboard] [ - ]
CODE:
<script src="http://cdn.socket.io/stable/socket.io.js"></script>
[/code
此时,Socket.IO在此页面上是有效的,是时候创建Socket了:
[code]
// 创建Socket.IO实例,建立连接
var socket= new io.Socket('localhost',{
port: 8080
});
socket.connect();
// 添加一个连接监听器
socket.on('connect',function() {
console.log('Client has connected to the server!');
});
// 添加一个连接监听器
socket.on('message',function(data) {
console.log('Received a message from the server!',data);
});
// 添加一个关闭连接的监听器
socket.on('disconnect',function() {
console.log('The client has disconnected!');
});
// 通过Socket发送一条消息到服务器
function sendMessageToServer(message) {
socket.send(message);
}
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联合开发
Socket.IO提供的服务器端解决方案,允许统一的客户端和服务器端的API。使用Node,你可以创建一个典型的HTTP服务器,然后把服务器的实例传递到Socket.IO。从这里,你创建连接、断开连接、建立消息监听器,跟在客户端一样。
一个简单的服务器端脚本看起来如下:
[Copy to clipboard] [ - ]
CODE:
// 需要HTTP 模块来启动服务器和Socket.IO
var http= require('http'), io= require('socket.io');
// 在8080端口启动服务器
var server= http.createServer(function(req, res){
// 发送HTML的headers和message
res.writeHead(200,{ 'Content-Type': 'text/html' });
res.end('<h1>Hello Socket Lover!</h1>');
});
server.listen(8080);
// 创建一个Socket.IO实例,把它传递给服务器
var socket= io.listen(server);
// 添加一个连接监听器
socket.on('connection', function(client){
// 成功!现在开始监听接收到的消息
client.on('message',function(event){
console.log('Received message from client!',event);
});
client.on('disconnect',function(){
clearInterval(interval);
console.log('Server has disconnected');
});
});
你可以运行服务器部分,假定已安装了NodeJS,从命令行执行:
[Copy to clipboard] [ - ]
CODE:
node socket-server.js
现在客户端和服务器都能来回推送消息了!在NodeJS脚本内,可以使用简单的JavaScript创建一个定期消息发送器:
[Copy to clipboard] [ - ]
CODE:
// 创建一个定期(每5秒)发送消息到客户端的发送器
var interval= setInterval(function() {
client.send('This is a message from the server! ' + new Date().getTime());
},5000);
服务器端将会每5秒推送消息到客户端!
五、dojox.Socket和Socket.IO
Persevere的创建者Kris Zyp创建了dojox.Socket。dojox.Socket以Dojo库一致的方式封装了WebSocket API,用于在客户端不支持WebSocket时,使用long-polling替代。
下面是怎样在客户端使用dojox.Socket和在服务器端使用Socket.IO的例子:
[Copy to clipboard] [ - ]
CODE:
var args, ws= typeof WebSocket!= 'undefined';
var socket= dojox.socket(args= {
url: ws? '/socket.io/websocket' : '/socket.io/xhr-polling',
headers:{
'Content-Type':'application/x-www-urlencoded'
},
transport: function(args, message){
args.content = message; // use URL-encoding to send the message instead of a raw body
dojo.xhrPost(args);
};
});
var sessionId;
socket.on('message', function(){
if (!sessionId){
sessionId= message;
args.url += '/' + sessionId;
}else if(message.substr(0, 3) == '~h~'){
// a heartbeat
}
});
dojox.socket.Reconnect还创建了在套接字失去连接时自动重连。期待包含dojox.Socket的Dojo 1.6版本早日发布。
六、实际应用和WebSocket资源
有很多WebSocke的实际应用。WebSocket对于大多数客户机-服务器的异步通信是理想的,在浏览器内聊天是最突出的应用。WebSocket由于其高效率,被大多数公司所使用。
WebSocket资源
Socket.IO站点:http://socket.io/
WebSocket的Wikipedia:http://en.wikipedia.org/wiki/WebSockets
WebSockets.org站点:http://www.websockets.org/
Dojo WebSocket站点:http://www.sitepen.com/blog/2010/10/31/dojo-websocket/
WebSocket:在单个TCP连接上进行全双工通信的协议
电脑如何防止IP被追踪?
如何防止IP地址被追踪:方法一:利用代理服务器 代理服务器分为HTTP和SOCK两种类型,通常通过工具如“代理猎手”来搜集。在IE中配置代理服务器的步骤如下:1. 打开IE窗口。2. 点击“工具”菜单,选择“Internet选项”。3. 在弹出对话框中,切换到“连接”标签页。4. 点击“设置”,输入HTTP代理服务器...
什么原因会导致web浏览器不可用?大神们帮帮忙
相信大家也有遇到过像IE不能上网浏览的问题。下面就来给大家介绍一下常见原因和解决方法: 一、网络设置的问题 这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下,及使用代理服务器上网的。仔细检查计算机的网络设置。 二、DNS服务器的问题 当IE无法浏览网页时,可先尝试用IP地址来访问,...
几种常见的PHP超时处理方法
【Web服务器超时处理】 [ Apache ] 一般在性能很高的情况下,缺省所有超时配置都是30秒,但是在上传文件,或者网络速度很慢的情况下,那么可能触发超时操作。 目前apachefastcgiphp-fpm模式下有三个超时设置: fastcgi超时设置: 修改的fastcgi连接配置,类似如下: 复制代码 代码如下: <IfModulemod_fastcgi.c> FastCgi...
如何处理html5新标签的浏览器兼容问题
控件元素,webworker, websockt, Geolocation。移出的元素有下列这些:显现层元素:basefont,big,center,font, s,strike,tt,u。性能较差元素:frame,frameset,noframes。处理兼容问题有两种方式:1.IE8\/IE7\/IE6支持通过document.方法产生的标签,利用这一特性让这些浏览器支持HTML5新标签。2.使用是html5shim框架另外,...
python实现基于Socket的客户端与服务器的对讲通信
使用多线程,下面的代码,简单实现一个多线程的web服务器:coding=utf-8import socketimport threadingfrom time import sleepdef response(sock, addr): print "收到请求" data = sock.recv(1024) print data sock.send(html) sock.close()html = '''HTTP\/1.1 200 OK\\nContent-...
360以及各样软件无法打开
发现系统中 qq 安装目录下有 wsock32.dll 存在 下载一个360的专杀就可以了 已赞过 已踩过< 你对这个回答的评价是? 评论 收起 ljljlajiopaop 2008-03-06 · TA获得超过679个赞 知道小有建树答主 回答量:1280 采纳率:0% 帮助的人:0 我也去答题访问个人页 展开全部 楼上的错了 我自己...
易语言怎么取协议头,因为在post发帖 要用到协议头里的一段随机数据_百...
推荐于2017-12-15 12:11:49 最佳答案 用WSockE抓包或者易语言自带的网截支持库,网截调发送这个就是取发送的数据包,要取协议头可以判断发送内容为POST的包 本回答由提问者推荐 举报| 答案纠错 | 评论 0 0 linfon 采纳率:19% 擅长: 电脑\/网络 资源共享 电子数码 ...
详细的介绍下注册表和组策略器的用处,最好详细说明
HKEY_LOCAL_MACHINE\\SYSTEM\\CurrentControlSet\\Services\\WebPost webpost键包括了所有装载的internet邮局的设置,如果你连接一个isp,并且它列出载这里,你应该给自己选则一个服务器。HKEY_LOCAL_MACHINE\\SYSTEM\\CurrentControlSet\\Services\\Winsock 这个键列出了当连接到internet上winnsock文件的信息,如果列出了不...
求linux socket网络编程代码
在Linux中分别称之为"SOCK_STREAM"和"SOCK_DGRAM)"他们分别使用不同的协议,流式套接字使用TCP协议,数据报套接字使用UDP协议,本文所使用的是流式套接字协议。 网络通信原理在文件传输程序设计中的应用网络上的绝大多数通信采用的都是客户机\/服务器机制(Client\/Server),即服务器提供服务,客户是这些服务的使用者,...
什么是注册表?注册表在什么位置?
HKEY_LOCAL_MACHINE\\SYSTEM\\CurrentControlSet\\Services\\WebPost webpost键包括了所有装载的internet邮局的设置,如果你连接一个isp,并且它列出载这里,你应该给自己选则一个服务器。 HKEY_LOCAL_MACHINE\\SYSTEM\\CurrentControlSet\\Services\\Winsock 这个键列出了当连接到internet上winnsock文件的信息,如果列出了不正确的文件,...
杭池右美: WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).
灌云县18990076024: 现在的浏览器是不是都支持WebSocket - ?
杭池右美: websocket是html5新增加的一种通信协议,目前流行的浏览器都支持这个协议, 例如chrome,safari,firefox,opera,ie等等,对该协议支持最早的应该是chrome, 从chrome12就已经开始支持,随着协议草案的不断变化, 各个浏览器对协议的实现也在不停的更新.该协议还是草案,没有成为标准, 不过成为标准应该只是时间问题了,从websocket草案的提出到现在已经有十几个版本了, 目前最新的是版本17,所对应的协议版本号为13,目前对该协议支持最完善的浏览器应该是chrome,毕竟websocket协议草案也是google发布的.
灌云县18990076024: websocket 和 socket.io 之间的区别是什么 - ?
杭池右美: 一、性质不同1.Websocket:Websocket是一种支持客户端和服务器之间双向实时通信的技术.2.套接字.IO:套接字.IO是将WebSocket、AJAX等通信方式封装成统一的通信接口.二、兼容性是不同的1.websocket:在使用websocket时,虽然主流浏览器已经被支持,但是可能存在不兼容性.2,套接字.io:使用插座的时候.io中,不担心兼容性问题,底层会自动选择最佳的通信方式.三、用途不同1.websocket:websocket适合用于client和基于node搭建的服务端使用.2.socket.io:socket.io适合进行服务端和客户端双向数据通信.
灌云县18990076024: websockets是什么意思 - ?
杭池右美: WebSocket WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).一开始的握手需要借助HTTP请求完成.
灌云县18990076024: HTML5的webSocket怎么理解 - ?
杭池右美: 就是一组已经完成的协议,调用new WebSocket(url)与服务器握手,WebSocket.send()发送信息,onmessage事件处理得到的消息,很简单的 附:服务器端就不好做了,可以参考一下Torando(一个python语言的服务器,支持websocket)
灌云县18990076024: WebSocket 和socket 的区别 - ?
杭池右美: Socket可以有很多意思,和IT较相关的本意大致是指在端到端的一个连接中,这两个端叫做Socket.对于IT从业者来说,它往往指的是TCP/IP网络环境中的两个连接端,大多数的API提供者(如操作系统,JDK)往往会提供基于这种概念的接口,所以对于开发者来说也往往是在说一种编程概念.同时,操作系统中进程间通信也有Socket的概念,但这个Socket就不是基于网络传输层的协议了.WebSocket 上边简单叙述了Socket的意义,由于年代久远,很多事情也搞不了那么清楚.但WebSocket是一个很晚近的东西,可以让我们看到它是如何成为现在我们看到的这个样子的.
灌云县18990076024: HTTP 和 WebSocket的区别 - ?
杭池右美: 按照OSI网络分层模型,IP是网络层协议,TCP是传输层协议,而HTTP是应用层的协议.在这三者之间,SPDY和WebSocket都是与HTTP相关的协议,而TCP是HTTP底层的协议.WebSocket则提供使用一个TCP连接进行双向通讯的机制,包括...
灌云县18990076024: 我一直不懂websocket socket xmpp之间什么区别,哪位能讲一下么 - ?
杭池右美: websocket是建立在socket基础上的,只不过是浏览器支持的,所以就叫websocket XMPP,不清楚,我觉得应该是HTTP协议的上的一种包装,只是用的XML来组织数据.和SOAP(利用HTTP协议传XML数据),AMF协议(FLASH里用的一种)一样,本身不算是一种独立的协议.