websocket使用方法
前言
最近项目用到了websocket接口,用来做长连接,监听服务器数据变化,保持各终端数据同步。
用下来发现确实很好用,避免了轮询,开销小,而且最重要的是没有同源策略限制。
websocket
WebSocket 是一种在单个TCP 连接上进行全双工通信的协议,和http(1.1)那种请求-响应式的半双工不一样的是,WebSocket可以让客户端和服务器之间交互数据。并且允许服务端主动向客户端推送数据。
websocket特点
- 建立在TCP协议之上,与HTTP协议有着良好的兼容性,默认端口也是80/443;
- 握手阶段采用HTTP协议,能通过各种HTTP代理服务器;
- 数据格式轻量,开销小,通信高效;
- 没有同源策略限制,客户端可以与任意浏览器通信。
websocket原理
Websocket 通过HTTP(1.1)协议的101状态码进行握手。
与HTTP的三次握手不同的是,Websocket一次握手可以建立连接。
Websocket借用HTTP与服务器进行‘握手’,并通过协议升级成Websocket协议。
websocket使用
属性 | 描述 |
---|---|
Socket.readyState | 只读属性 readyState 表示连接状态,可以是以下值:- 0 - 表示连接尚未建立。1 - 表示连接已建立,可以进行通信。2 - 表示连接正在进行关闭。 3 - 表示连接已经关闭或者连接不能打开。 |
事件 | 事件处理程序 | 描述 |
---|---|---|
open | Socket.onopen | 连接建立时触发 |
message | Socket.onmessage | 客户端接收服务端数据时触发 |
error | Socket.onerror | 通信发生错误时触发 |
close | Socket.onclose | 连接关闭时触发 |
示例代码
// 创建WebSocket连接.
const socket = new WebSocket('ws://localhost:8080');
// 连接成功触发
socket.addEventListener('open', function (event) {
socket.send('Hello Server!');
});
// 监听消息
socket.addEventListener('message', function (event) {
console.log('Message from server ', event.data);
});
结语
本文到此结束,谢谢大家的观看!
如有问题,欢迎各位指正!
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbfghb
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01