PhoneGap中文网

标题: HTML5的WebSocket的介绍及应用 [打印本页]

作者: w8484855@qq.com 时间: 2017-8-29 20:53
标题: HTML5的WebSocket的介绍及应用

本文和大家分享的主要是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

var socket = io('ws://localhost:8008');

socket.on('news', function (data) {

console.log(data);

socket.emit('my other event', { my: 'data' });

});

来源：Haorooms

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)