在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。下面的代码片段是打开一个连接，为连接创建事件监听器，断开连接，消息时间，发送消息返回到服务器，关闭连接。
// 创建一个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的WebSocketSocket.IO是Guillermo Rauch创建的WebSocket API，Guillermo Rauch是LearnBoost公司的首席技术官以及LearnBoost实验室的首席科学家。Socket.IO使用检测功能来判断是否建立WebSocket连接，或者是AJAX long-polling连接，或Flash等。可快速创建实时的应用程序。Socket.IO还提供了一个NodeJS API，它看起来非常像客户端API。建立客户端Socket.IOSocket.IO可以从GitHub下载，可以把socket.io.js文件包含到页面中：
&script src="http://cdn.socket.io/stable/socket.io.js"&&/script&
此时，Socket.IO在此页面上是有效的，是时候创建Socket了：
// 创建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。传输包括：WebSocketFlash SocketAJAX long-pollingAJAX multipart streamingIFrameJSONP polling你还可以设置任意的Socket.IO构造器的第二个选项，选项包括：port - 待连接的端口transports - 一个数组，包含不同的传输类型transportOptions - 传输的参数使用的对象，带附加属性Socket.IO还提供了由本地WebSocket API提供的普通连接、断开连接、消息事件。Socket还提供了封装每个事件类型的方法。四、NodeJS和Socket.IO联合开发Socket.IO提供的服务器端解决方案，允许统一的客户端和服务器端的API。使用Node，你可以创建一个典型的HTTP服务器，然后把服务器的实例传递到Socket.IO。从这里，你创建连接、断开连接、建立消息监听器，跟在客户端一样。一个简单的服务器端脚本看起来如下：
// 需要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，从命令行执行：
node socket-server.js
现在客户端和服务器都能来回推送消息了！在NodeJS脚本内，可以使用简单的JavaScript创建一个定期消息发送器：
// 创建一个定期（每5秒）发送消息到客户端的发送器
var interval= setInterval(function() {
client.send('This is a message from the server! ' + new Date().getTime());
服务器端将会每5秒推送消息到客户端！五、dojox.Socket和Socket.IOPersevere的创建者Kris Zyp创建了dojox.Socket。dojox.Socket以Dojo库一致的方式封装了WebSocket API，用于在客户端不支持WebSocket时，使用long-polling替代。下面是怎样在客户端使用dojox.Socket和在服务器端使用Socket.IO的例子：
var args, ws= typeof WebSocket!= 'undefined';
var socket= dojox.socket(args= {
url: ws? '/socket.io/websocket' : '/socket.io/xhr-polling',
'Content-Type':'application/x-www-urlencoded'
transport: function(args, message){
args.content = // use URL-encoding to send the message instead of a raw body
dojo.xhrPost(args);
var sessionId;
socket.on('message', function(){
if (!sessionId){
sessionId=
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站点：WebSocket的Wikipedia：WebSockets.org站点：Dojo WebSocket站点：
HTML5的WebSocket的介绍及应用
http://www.haorooms.com/post/html5_websocket
最近项目中用到视频直播技术，弹幕用WebSocket制作再合适不过了，上一篇文章讲了h...
H5 WebSocket实现简单的实时通信
1.界面开发:index.jsp
websocket web
HTML5 WebSocket使用详解
1.使用Eclipse+Tomcat8环境进行演示
2.创建一个Servlet用于接收客户端的请求数据，并进行处理
[java] view plain copy print?package com.j...
初识标准H5的WebSocket
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。
目前主流的浏览器都已经支持了该新协议，具体版本就需...
从web实时通信讲H5 WebSocket
传统的B/S通信通常我们打开一个浏览器访问网页时，都会向页面所在的服务器发送一个HTTP请求，然后web服务器确认请求并向浏览器做出响应。简单的说，就是一个请求对应的一个响应。然而这种方法对许多的应用...
基于&em&websocket&/em&的即时通讯&em&H5+&/em&App源码,服务端为springmvc+mybatis,mysql数据库,app页面用的mui框架,开发软件:服务端idea或myeclipse,客户端Hbuilder
1.使用websocket可以方便的实现服务器端主动的向客户端推送消息，而不用在使用轮询和定时器的方式获取数据
2.websocket协议特点：
1）建立在TCP协议之上
2）与HTTP协议有着很好的...
Java Websocket实例【服务端与客户端实现全双工通讯】
Java Websocket实例【服务端与客户端实现全双工通讯】
现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔（如每1秒），由浏览器...
没有更多推荐了，什么是Websocket？解析h5中的Websocket
原创
 13:54:29
414
什么是 WebSocketWebSocket的服务端和客户端可以双向进行通讯，并且允许跨域通讯。由HTTP/1.1的Upgrade机制支持，通过ws(非加密)或wss(加密)协议进行通讯WebSocket WebSocket(
in DOMString url,
in optional DOMString protocols
WebSocket WebSocket(
in DOMString url,
in optional DOMString[] protocols
); 中的 WebSocketHTML5只专注于客户端的, 而服务器端是各个语言自己去实现// 创建一个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()
};onclose onerror onmessage onopenreadyState: CONNECTING
1 CLOSING 2 CLOSED
3binaryType: String Blob ArrayBuffer兼容性方法1:如果客户端不支持WebSocket, 那么可以使用几个候选选项 Flash Socket AJAX long-polling AJAX multipart streaming IFrame P polling方法2使用Socket.io来抹平差异,该库可以在浏览器不支持WebSocket的时候, 自动用浏览器支持的消息推送方式进行连接, 该库还会检测连接是否掉线，并在掉线时自动为你重新连接。// 创建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);
}优势实时双向通信浏览器本地支持良好(兼容性可以用第三方库很好解决)支持自定义协议实际应用聊天室服务器消息推送前后端实时系统【相关推荐】1. 2. 3.以上就是什么是Websocket？解析h5中的Websocket的详细内容，更多请关注php中文网其它相关文章！
江湖传言：PHP是世界上最好的编程语言。真的是这样吗？这个梗究竟是从哪来的？学会本课程，你就会明白了。
PHP中文网出品的PHP入门系统教学视频，完全从初学者的角度出发，绝不玩虚的，一切以实用、有用...
点击数(112093)
ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)－ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例，从最基本的框架常识开始，将...
点击数(110182)
《php.cn原创html5视频教程》课程特色：php中文网原创幽默段子系列课程，以恶搞，段子为主题风格的php视频教程！轻松的教学风格，简短的教学模式，让同学们在不知不觉中，学会了HTML知识。
点击数(84555)
本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。
点击数(83665)
所有计算机语言的学习都要从基础开始，《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术，是学习PHP必须掌握的内容，任何PHP项目的实现都离不开这部分的内容，通...
点击数(81007)
PHP开发工程师
文章总浏览数
相关视频章节即构zego率先推出线上抓娃娃H5方案，websocket+UDP协议，400毫秒延迟
发表于 17:44|
来源互联网|
作者互联网
摘要：近几个月，在线抓娃娃热席卷全国，除了原生app抓娃娃方案以外，H5在线抓娃娃方案也得到了不少创业者的青睐。
近几个月，在线抓娃娃热席卷全国，除了原生app抓娃娃方案以外，H5在线抓娃娃方案也得到了不少创业者的青睐。
H5在线抓娃娃方案独特的优势
1、开发成本低和开发周期短。H5页面的功能大都比较轻量、简易，开发起来非常便捷。&
2、兼容性强，在微信和所有浏览器上都能用，开发一次所有的浏览器上都可以跑。&
3、传播途径广、用户使用成本低。 H5可以通过各种社交产品实现病毒式扩散，用户只需简单的打开链接即可达到宣传推广目的，特别是在微信公众号和朋友权重进行传播。&
4、迭代速度快。相比原生APP, 迭代升级快，而且不用在应用商店上架，H5简直就是即时响应，随时变更随时上线。&
在线抓娃娃本身就是一门流量快速变现的生意，H5轻量简单、即玩即走、易于传播引流等特性天然迎合了在线抓娃娃创业者的诉求。
作为一家在线抓娃娃一站式服务提供商，除了提供原生APP的版本外，即构科技正式推出在线抓娃娃H5方案，400毫秒的超低延迟，完美兼容微信，助力创业者快速抢占时间窗口，抓住在线抓娃娃的红利期。&
图<span lang="EN-US" style="font-size:11.0color:#& ZEGO在线抓娃娃H5&
即构ZEGO在线抓娃娃H5方案剖析&
硬件方案&&娃娃机整机、摄像头和硬件板子等。
软件方案&&用户终端的抓娃娃H5源码、娃娃机摄像头推流方案、娃娃机天车控制方案、实时视频传输网络、实时信令控制网络和内容分发网络等。&
图1、图2分别是即构科技在线抓娃娃H5方案的抓娃娃模式和围观模式的系统架构图。&
图2 抓娃娃模式&
图 3 围观模式&
即构ZEGO在线抓娃娃H5方案的核心优势
第一、媲美APP的超低延迟
即构在线抓娃娃H5方案平均延迟400ms，逼近原生APP的用户体验。用户可以敏捷操控、精准下爪，体验逼近原生APP。方案采用WebSocket技术，基于UDP的私有传输协议，结合经过验证的直播云端，突破了HLS高延迟的技术限制，同时还能保持H5的传播便捷特性。
第二、完美兼容微信和所有浏览器
即构在线抓娃娃H5方案完美支持对微信公众号和浏览器的兼容性。虽然H5普遍被浏览器支持，但是各个浏览器支持程度不同。即构的方案从底层开始兼容，深度适配所有浏览器（包括微信），保证开发者开发一次，在所有平台上均可运行，用户体验保持一致。&
据了解，即构科技的H5方案是基于WebSocket和即构完全自研的直播SDK的，并没有选择基于WebRTC开发的，究其原因主要还是因为对兼容性的考量。&
我们知道，所有iOS手机上的浏览器都要经过苹果iOS的内核，然而苹果的iOS当前并不支持webRTC（虽然宣布以后支持，但是苹果的作风你懂的）。这样导致在iOS上面跑的所有的浏览器，在iOS上都要对苹果低头，即使是iOS上的微信也是如此，这样最直接的一个后果就是基于WebRTC实现的在线抓娃娃h5页在苹果手机上都无法正常使用。&
此外，虽然Android天然支持WebRTC，Chrome,Opera,Firefox,Mozilla等google的盟友浏览器也支持WebRTC，但是这些浏览器在国内的市场占比在30%以下，至于微信在安卓手机上也只是部分支持WebRTC，腾讯对WebRTC做了一些限制，比如说，在本地（推流端）不能获得原始媒体数据，无法做前处理，比如说画面的美化（类似美颜），或者是加入娱乐的虚拟增强效果等。&
然而微信却是国内最主要的社交阵地，苹果手机则代表了一个相当有消费能力的群体，错失了这样的一大片&江山&，对于创业者来说，这样的方案显然是不太能接受的。&
当前，即构科技在线抓娃娃H5方案的SDK和Demo源码均已全部开放，只需更换Demo皮肤，就可立即快速上线产品；或者集成JS接口，1个两年经验的工程师，4行代码，2天内即可完成。&
马上体验即构ZEGO在线抓娃娃H5
即构科技在线抓娃娃H5 DEMO体验
申请免费试用即构科技在线抓娃娃H5方案
即构科技在线抓娃娃H5方案专题页面
即构科技在线抓娃娃H5源码链接：
《在线抓娃娃H5方案核心工程师教你快速上线抓娃娃H5产品》
讲师：即构ZEGO在线抓娃娃H5方案核心工程师林俊福
时间：11月27日（周一）晚7点
事件：给大家分享如何快速上线在线抓娃娃H5产品，扫码报名活动。&
听众收益：
1、即构在线抓娃娃H5方案大揭秘（现场Demo演示）
2、如何通过H5皮肤快速上线在线抓娃娃H5应用
3、如何使用即构在线抓娃娃H5 SDK进行二次开发
4、即构在线抓娃娃H5版本的源代码layout
5、加入在线抓娃娃行业微信群，与数百行业专家交流互勉
【免责声明：CSDN本栏目发布信息，目的在于传播更多信息，丰富网络文化，稿件仅代表作者个人观点，与CSDN无关。其原创性以及中文陈述文字和文字内容未经本网证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本网不做任何保证或者承诺，请读者仅作参考，并请自行核实相关内容。凡注明为其他媒体来源的信息，均为转载自其他媒体，转载并不代表本网赞同其观点，也不代表本网对其真实性负责。您若对该稿件由任何怀疑或质疑，请即与CSDN联系，我们将迅速给您回应并做处理。】&
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章&>&h5websocket.zip
h5websocket.zip
上传大小：1.58MB
h5websocket.zip
综合评分：5
{%username%}回复{%com_username%}{%time%}\
/*点击出现回复框*/
$(".respond_btn").on("click", function (e) {
$(this).parents(".rightLi").children(".respond_box").show();
e.stopPropagation();
$(".cancel_res").on("click", function (e) {
$(this).parents(".res_b").siblings(".res_area").val("");
$(this).parents(".respond_box").hide();
e.stopPropagation();
/*删除评论*/
$(".del_comment_c").on("click", function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_invalid/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parents(".conLi").remove();
alert(data.msg);
$(".res_btn").click(function (e) {
var parentWrap = $(this).parents(".respond_box"),
q = parentWrap.find(".form1").serializeArray(),
resStr = $.trim(parentWrap.find(".res_area_r").val());
console.log(q);
//var res_area_r = $.trim($(".res_area_r").val());
if (resStr == '') {
$(".res_text").css({color: "red"});
$.post("/index.php/comment/do_comment_reply/", q,
function (data) {
if (data.succ == 1) {
var $target,
evt = e || window.
$target = $(evt.target || evt.srcElement);
var $dd = $target.parents('dd');
var $wrapReply = $dd.find('.respond_box');
console.log($wrapReply);
//var mess = $(".res_area_r").val();
var mess = resS
var str = str.replace(/{%header%}/g, data.header)
.replace(/{%href%}/g, 'http://' + window.location.host + '/user/' + data.username)
.replace(/{%username%}/g, data.username)
.replace(/{%com_username%}/g, data.com_username)
.replace(/{%time%}/g, data.time)
.replace(/{%id%}/g, data.id)
.replace(/{%mess%}/g, mess);
$dd.after(str);
$(".respond_box").hide();
$(".res_area_r").val("");
$(".res_area").val("");
$wrapReply.hide();
alert(data.msg);
}, "json");
/*删除回复*/
$(".rightLi").on("click", '.del_comment_r', function (e) {
var id = $(e.target).attr("id");
$.getJSON('/index.php/comment/do_comment_del/' + id,
function (data) {
if (data.succ == 1) {
$(e.target).parent().parent().parent().parent().parent().remove();
$(e.target).parents('.res_list').remove()
alert(data.msg);
//填充回复
function KeyP(v) {
var parentWrap = $(v).parents(".respond_box");
parentWrap.find(".res_area_r").val($.trim(parentWrap.find(".res_area").val()));
评论共有2条
不错的，非常的好，谢谢
还不错 值得一看
VIP会员动态
热门资源标签
CSDN下载频道资源及相关规则调整公告V11.10
下载频道用户反馈专区
下载频道积分规则调整V1710.18
spring mvc+mybatis+mysql+maven+bootstrap 整合实现增删查改简单实例.zip
资源所需积分/C币
当前拥有积分
当前拥有C币
输入下载码
为了良好体验，不建议使用迅雷下载
h5websocket.zip
会员到期时间：
剩余下载个数：
剩余积分：0
为了良好体验，不建议使用迅雷下载
积分不足！
资源所需积分/C币
当前拥有积分
您可以选择
程序员的必选
绿色安全资源
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
为了良好体验，不建议使用迅雷下载
资源所需积分/C币
当前拥有积分
当前拥有C币
您的积分不足，将扣除 10 C币
为了良好体验，不建议使用迅雷下载
无法举报自己的资源
你当前的下载分为234。
你还不是VIP会员
开通VIP会员权限，免积分下载
你下载资源过于频繁，请输入验证码
您因违反CSDN下载频道规则而被锁定帐户，如有疑问，请联络:!
若举报审核通过，可返还被扣除的积分
被举报人：
请选择类型
资源无法下载 （ 404页面、下载失败、资源本身问题）
资源无法使用 （文件损坏、内容缺失、题文不符）
侵犯版权资源 （侵犯公司或个人版权）
虚假资源 （恶意欺诈、刷分资源）
含色情、危害国家安全内容
含广告、木马病毒资源
*投诉人姓名：
*投诉人联系方式：
*版权证明：
*详细原因：
h5websocket.zipwebsocket断线重连问题
[问题点数：100分，结帖人poiuy6965921poiuy]
本版专家分：0
结帖率 60%
CSDN今日推荐
本版专家分：100
匿名用户不能发表回复！
其他相关推荐
WebSocket即使通讯安卓客户端实现--连接建立与重连
很全面的websocket demo
基于springboot
实现netty作为服务端，websocket连接成功，将channel保存到map集合，通过js发送心跳，服务端接收心跳信息并响应给客户端，当服务端断开时
客户端进行重连操作
package com.pam.
import java.io.ByteArrayInputS
import java.io.InputS
import java.io.OutputS
import java.net.S
import java.util.LinkedL
import java.util.P
在上面的4篇文章中，我们已经搭建了一个简易的socket通讯框架，但是有一个问题。如果服务端主动关闭了连接，这时候client端就接收不到服务端发送的消息。这时候我们就需要做一个断线重连的处理。
在这里，我们采用判断共享内存的方式，既当接收不到服务器端发送的消息时，向channel中写入数据。
//接收服务端发来的消息
func ReadMsg(conn net.Conn,ch chan in
void SendMsgToStreamSer(void* pData)
//#ifndef WIN32
signal(SIGPIPE,SIG_IGN);
VT_WEBSOCKET_SERVICE::CWebSocketVideoMsgProc* pSer = (VT_WEBSOCKET_SERVICE::CWebSocketVideoMsgProc*)pD
客户端代码：# -*-coding:utf8-*-
import threading
import timefrom autobahn.asyncio.websocket import WebSocketClientProtocolfrom autobahn.asyncio.websocket import WebSocketClientFactory
import asyncioclass Bas
断线重连的需求尤其是手机上，会因为网络的不稳定或者其他原因，导致用户的socket链接断开。这个时候如果直接让玩家退出游戏，重新登录，无疑是非常影响用户体验的事情。所以根据这个需求，就有需要程序来实现断线后自动重连回去的技术，是用户能够再次快速开始游戏进行战斗。一、断线重连原理原来其实很简单，就是在断线的时候，根据用户的点击（有些时间短的就不用点击，默认是自动重连回来），程序自动识别，是要刷新重新进
客户端断网重连（或者切换网络）会重新访问 CommandListenHandler接口，但服务端的WebSocket并未关闭，直接重启会导致数据表混乱，所以以下代码实现了控制原WebSocket的目的。
上篇文章是关于Socket创建可Socket数据处理在这里：
? 利用GCDSocket
创建Socket
? 处理Socket数据粘包问题
关于断线重连的思路大概如下
当与服务器断开连接或网络出错时，先不要处理当前正在连接的socket，可能回应下当前UI的数据显示问题；
可以另起一个socket服务，与服务器尝试连接，当连接成功时，通知当前Socket进行重新连接}