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 事件用于接收服务器的消息。
具体的处理可以根据项目情况来走

相关推荐
青茶36012 分钟前
【js教程】如何用jq的js方法获取url链接上的参数值?
开发语言·前端·javascript
脩衜者27 分钟前
极其灵活且敏捷的WPF组态控件ConPipe 2026
前端·物联网·ui·wpf
Mike_jia32 分钟前
Dockge:轻量开源的 Docker 编排革命,让容器管理回归优雅
前端
GISer_Jing38 分钟前
前端GEO优化:AI时代的SEO新战场
前端·人工智能
没想好d41 分钟前
通用管理后台组件库-4-消息组件开发
前端
文艺理科生42 分钟前
Google A2UI 解读:当 AI 不再只是陪聊,而是开始画界面
前端·vue.js·人工智能
晴栀ay1 小时前
React性能优化三剑客:useMemo、memo与useCallback
前端·javascript·react.js
JS_GGbond1 小时前
JavaScript继承大冒险:从“原型江湖”到“class殿堂”
前端
XiaoYu20021 小时前
第6章 Postgres数据库安装
前端·postgresql
洛卡卡了1 小时前
从活动编排到积分系统:事件驱动在业务系统中的一次延伸
前端·后端·面试