webSocket的理解与基本方法

简介: webSocket的理解与基本方法

webSocket


概念:


websocket是H5才开始提供的一种在单个TCP连接上进行全双工通讯的协议。主要作用就是建立服务器和客户端的长连接能更好的节省服务器资源和带宽,服务器向浏览器推流实现实时通信。


和http一样,WebSocket也是应用层协议。浏览器和服务器只要完成一次握手的动作,然后浏览器和服务器之间就会脱离http协议,而是用WebSocket自己的ws协议。客户端和服务器端就可以通过tcp连接直接交换数据。


使用:


1、创建一个WebSocket对象:


var Socket = new WebSocket(url,[protocol])


以上代码中

第一个参数 url, 指定连接的 URL。

第二个参数 protocol 是可选的,指定了可接受的子协议.


对象创建好了,接下来让我们了解下


2、WebSocket属性


Socket.readyState:这是个只读属性,y用来表示连接状态

0:未连接 1:连接已建立 2.连接z正在关闭 3.连接已关闭或打不开连接

Socket.bufferedAmount:z也是只读属性。主要是计算还没有被send()发出的UTF-8文本字节数。


3、WebSocket方法


Socket.send():向服务器发送数据

Socket.close():关闭连接


4、WebSocket事件


Socket.onopen:连接建立时触发

Socke.onmessage:客户端接受服务端数据时触发

Socket.onerror:通信错误时触发

Socket.onclose:连接关闭时触发


WebSocket实例


WebSocket 协议本质上是一个基于 TCP 的协议。 为了建立一个 WebSocket 连接,客户端浏览器首先要向服务器发起一个 HTTP 请求,这个请求和通常的 HTTP 请求不同,包含了一些附加头信息,其中附加头信息"Upgrade: WebSocket"表明这是一个申请协议升级的 HTTP 请求,服务器端解析这些附加的头信息然后产生应答信息返回给客户端,客户端和服务器端的 WebSocket。连接就建立起来了,双方就可以通过这个连接通道自由的传递信息,并且这个连接会持续存在直到客户端或者服务器端的某一方主动的关闭连接。


目录
相关文章
|
6月前
|
存储 Cloud Native Linux
C++封装了socket通信类
C++封装了socket通信类
|
4月前
|
移动开发 缓存 网络协议
Websocket协议原理及Ws服务器代码实现
Websocket协议原理及Ws服务器代码实现
|
7月前
|
JavaScript
websocket | 浅浅的封装一下
在写websocket的时候,很多页面都需要使用,每个页面重复写,太麻烦,于是先浅浅的封装一下。
|
8月前
|
前端开发 API
websocket使用实践代码指南
websocket使用实践代码指南
239 0
|
8月前
|
移动开发 网络协议 安全
WebSocket详解 - 基础概念
WebSocket详解 - 基础概念
77 1
|
9月前
|
监控 网络协议 数据可视化
Websocket原理和实践
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。
308 0
Websocket原理和实践
|
12月前
|
网络协议 前端开发 JavaScript
WebSocket的那些事(1-概念篇)
WebSocket的那些事(1-概念篇)
|
网络协议 大数据 数据安全/隐私保护
什么是 WebSocket 协议?底层原理是什么?
什么是 WebSocket 协议?底层原理是什么?
498 0
|
Web App开发 移动开发 前端开发
看完让你彻底搞懂Websocket原理
看完让你彻底搞懂Websocket原理
273 0
看完让你彻底搞懂Websocket原理
|
网络协议
一文了解websocket和socket(论点:概念、流程、区别)
一文了解websocket和socket(论点:概念、流程、区别)