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

相关推荐
Mintopia7 分钟前
🌌 信任是否会成为未来的货币?
前端·人工智能·aigc
fqbqrr8 分钟前
2601C++,模块导出分类
前端·c++
倚栏听风雨13 分钟前
vscode 运用 ts 代码需要准备什么
前端
韩曙亮21 分钟前
【Web APIs】浏览器本地存储 ① ( window.sessionStorage 本地存储 | window.localStorage 本地存储 )
服务器·前端·javascript·本地存储·localstorage·sessionstorage·web apis
吃杠碰小鸡23 分钟前
前端Mac快速搭建开发环境
前端·macos
qq_5295993826 分钟前
reactnative获取经纬度 获取此地信息 @react-native-community/geolocation
javascript·react native·react.js
前端大波27 分钟前
使用webpack-bundle-analyzer 对 react 老项目进行打包优化
前端·react.js·webpack·性能优化
前端 贾公子35 分钟前
(catalog协议) == pnpm (5)
前端·javascript·react.js
JarvanMo39 分钟前
深度解析:如何彻底终结 Flutter 异步操作中的 BuildContext 崩溃?
前端
wxr061644 分钟前
部署Spring Boot项目+mysql并允许前端本地访问
前端·spring boot·mysql·持续部署