码迷,mamicode.com
首页 > Web开发 > 详细

Html5——WebSocket

时间:2020-05-10 12:37:14      阅读:64      评论:0      收藏:0      [点我收藏+]

标签:websocket   字符串   通信   erro   协议   str   操作   ref   日志   

ing...

背景

是什么

API

使用WebSocket构造函数创建webSocket对象。

var webSocket = new WebSocket(‘ws://localhost:8080‘);

构造器创建的时候就会开始建立连接(跟服务进行握手操作),并且readyState等于0。 如果握手成功,则会触发open事件,并且readyState等于1;反之如果导致握手失败(url不正确等),WebSocket会喷出error日志,并且触发error, close事件,并且readyState等于3。

属性

1. url

<String>,只读,webSocket服务地址。在创建WebSocket对象是传入的值。
url的方案是ws://或者wss://。

2. readState

<int>, 只读,表示WebSocket对象的状态。可取值的枚举:

WebSocket.CONNECTING (0):表示还未建立连接;
WebSocket.OPEN (1): 表示已经建立连接,可以和服务进行通信了;
WebSocket.CLOSING (2): 表示连接正在关闭连接,进行关闭连接握手;
WebSocket.CLOSED (3): 表示链接已经被关闭了。

3.protocol

<String>|<[String]>, 只读,子协议。

4.事件属性方法

还有4个事件对应的方法:onopen, onclose, onmessage, onerror。

方法

1.send(data)

向服务发送数据data。
注意只有readyState等于OPEN(1)时才能正确执行该方法,否则会抛异常。
data必须是字符串???

2.close

关闭连接。会触发close事件。被close的webScoket不能重新建立连接。

事件

兼容性

WebScoket, MozWebScoket

WebSocket服务

原理

握手

WebSocket协议中的握手过程通过http协议完成的。

Client### ?

Request:
Sec-WebSocket-Extensions
Sec-WebSocket-Key
Sec-WebSocket-Version
Upgrade:websocket

Response:
Sec-WebSocket-Accept

参考

  1. 介绍:https://www.webcodegeeks.com/...
  2. 规范:https://www.w3.org/TR/2011/WD...
  3. API:https://developer.mozilla.org...
  4. 介绍:https://www.websocket.org/qua...
  5. WebSocket数据包协议详解: http://www.cnblogs.com/smark/...

本文转载于猿2048:Html5——WebSocket

Html5——WebSocket

标签:websocket   字符串   通信   erro   协议   str   操作   ref   日志   

原文地址:https://www.cnblogs.com/homehtml/p/12862703.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!