Websorket 和Websorket的底层协议

WebSocket 是一种网络通信协议,提供了全双工(full-duplex)通信通道,允许服务器和客户端之间进行实时、双向的消息传递。

WebSocket 协议的底层是基于 TCP 的 ,它在 TCP 上增加了一种新的数据帧格式,并添加了握手和心跳机制等。WebSocket 协议的握手过程是通过 HTTP 完成的,这使得 WebSocket 能够复用现有的 HTTP 基础设施。

以下是 WebSocket 的基本使用方法:

bash 复制代码
// 创建 WebSocket 连接
let socket = new WebSocket('ws://example.com');

// 监听连接打开事件
socket.addEventListener('open', function (event) {
    socket.send('Hello Server!');
});

// 监听消息事件
socket.addEventListener('message', function (event) {
    console.log('Message from server: ', event.data);
});

// 监听连接关闭事件
socket.addEventListener('close', function (event) {
    console.log('Server closed connection: ', event);
});

这个例子中,ws://example.com 是 WebSocket 服务器的地址。socket.send 方法用于向服务器发送消息,message 事件用于接收服务器的消息。
具体的处理可以根据项目情况来走

相关推荐
心在飞扬31 分钟前
ReRank重排序提升RAG系统效果
前端·后端
心在飞扬36 分钟前
RAPTOR 递归文档树优化策略
前端·后端
前端Hardy1 小时前
别再无脑用 `JSON.parse()` 了!这个安全漏洞你可能每天都在触发
前端·javascript·vue.js
前端Hardy1 小时前
别再让 `console.log` 上线了!它正在悄悄拖垮你的生产系统
前端·javascript·vue.js
青青家的小灰灰1 小时前
从入门到精通:Vue3 ref vs reactive 最佳实践与底层原理
前端·vue.js·面试
OpenTiny社区1 小时前
我的新同事是个AI:支持skill后,它用TinyVue搭项目还挺溜!
前端·vue.js·ai编程
心在飞扬1 小时前
MultiVector 多向量检索
前端·后端
用户39051332192881 小时前
async 函数返回的 Promise 状态何时变为 resolved
前端
李剑一2 小时前
大屏天气展示太普通?视觉升级!用 Canvas 做动态天气遮罩,雷阵雨效果直接封神
前端·vue.js·canvas
Lee川2 小时前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css