PhoneGap中文网

 找回密码
 立即注册
查看: 18551|回复: 0

HTML5的WebSocket的介绍及应用

[复制链接]

87

主题

87

帖子

327

积分

中级会员

Rank: 3Rank: 3

积分
327
发表于 2017-8-29 20:53:01 | 显示全部楼层 |阅读模式
本文和大家分享的主要是HTML5中WebSocket相关内容,一起来看看吧,希望对大家学习html5有所帮助。
  创建 WebSocket 对象
  用以下 方法 创建 WebSocket 对象。
  var Socket = new WebSocket(url, [protocol] );
  以上代码中的第一个参数 url, 指定连接的 URL。第二个参数 protocol 是可选的,指定了可接受的子协议
  WebSocket 属性
  以下是 WebSocket 对象的属性。假定我们使用了以上代码创建了 Socket 对象:
  Socket.readyState
  只读属性 readyState 表示连接状态,可以是以下值:
  0 - 表示连接尚未建立。
  1 - 表示连接已建立,可以进行通信。
  2 - 表示连接正在进行关闭。
  3 - 表示连接已经关闭或者连接不能打开。
  Socket.bufferedAmount
  只读属性 bufferedAmount 已被 send() 放入正在队列中等待传输,但是还没有发出的 UTF-8 文本字节数。
  WebSocket 事件
  open    Socket.onopen    连接建立时触发
  message    Socket.onmessage    客户端接收服务端数据时触发
  error    Socket.onerror    通信发生错误时触发
  close    Socket.onclose    连接关闭时触发
  WebSocket 方法
  以下是 WebSocket 对象的相关方法。假定我们使用了以上代码创建了 Socket 对象:
  Socket.send()     使用连接发送数据Socket.close()    关闭连接
  创建webSocket服务
  socket.io
  socket.io是改进版的WebSocket,地址是: https://socket.io/
  nodejs启动服务:
  var app = require('http').createServer()var io = require('socket.io')(app);
  app.listen(8008);
  io.on('connection', function (socket) {
  socket.emit('news', { hello: 'world' });
  socket.on('my other event', function (data) {
  console.log(data);
  });
  });
前台接受,要引入socket.io.js
<script src="socket.io.js"></script>
  var socket = io('ws://localhost:8008');
  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });
来源:Haorooms

it营
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-3-28 23:58 , Processed in 0.036739 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表