当前位置:首页 > 文章列表 > 文章 > 前端 > WebSocket从入门到精通:消息传输全攻略

WebSocket从入门到精通:消息传输全攻略

2026-05-28 16:44:27 0浏览 收藏
WebSocket远不止是“建立连接就完事”的简单协议,其真正的复杂性深藏于消息传输的每个细节之中:从二进制与文本帧的类型匹配、`binaryType` 的显式配置,到 Spring 中 `@OnMessage` 参数类型的严格解析规则;从 `@OnClose` 时 Session 已失效的规范限制,到浏览器异常关闭导致回调丢失的容错设计;再到生产环境中必须禁用的不安全默认项——如通配符跨域、无上限消息尺寸、内存型消息代理,以及极易被忽视却至关重要的业务层心跳机制。这篇文章直击开发者在真实项目中反复踩坑的核心链路,把那些藏在 `onMessage` 回调背后、日志里找不到堆栈、上线后才爆发的隐性陷阱,一次性讲透、理清、给出可落地的解决方案。

WebSocket入门到精通教程 消息接收传输完整知识图谱【汇总】

WebSocket 不是“学会了就能用”,而是“用的时候才发现漏了关键链路”。真正卡住开发者的,从来不是连接建立,而是消息收发过程中那些隐性依赖:会话状态管理、异常重连边界、二进制/文本帧混用、心跳缺失导致的静默断连——这些在 onMessage 回调里根本看不出来。

WebSocket.onMessage 只接收字符串?那二进制数据怎么办

默认情况下,onMessage 回调收到的 event.data 类型取决于服务端发送的内容。如果后端发的是 String,前端拿到的就是字符串;如果发的是 byte[]Blob,前端拿到的就是 BlobArrayBuffer,不会自动转成字符串。

  • 不显式设置 ws.binaryType = 'arraybuffer',收到二进制时可能触发 TypeError: Failed to execute 'atob' on 'Window'(尤其在 base64 解码逻辑里)
  • 服务端用 Spring WebSocket 发送 TextMessage,前端一定收到 string;发 BinaryMessage,前端必须提前设 binaryType 才能安全读取
  • 混合场景建议统一约定:文本走 string,图片/音频/协议包走 ArrayBuffer,并在首字节或前 4 字节嵌入类型标识

Spring Boot 中 @OnMessage 方法参数类型决定消息解析方式

Spring 的 @OnMessage 不是只认 String。它根据方法签名自动匹配并反序列化,但规则很具体:

  • 参数为 String → 自动 UTF-8 解码,抛 DecodeException 若非法字节
  • 参数为 byte[] → 原始字节透传,不解析,适合自定义协议
  • 参数为自定义类(如 ChatMessage)→ 需注册 Decoder.Text,否则直接报 400
  • 没写 @OnError 且解码失败,连接会静默关闭,日志只打印 Failed to decode message,无堆栈

为什么 onclose 触发时 session 已经不可用

@OnClose 方法执行时,Session 对象已处于关闭状态,调用 session.getBasicRemote().sendText() 会抛 IllegalStateException: The session is closed。这不是 bug,是 JSR-356 规范明确要求的行为。

  • 想在断开前发最后一条消息,必须在 @OnMessage 或业务逻辑中预判断连(比如收到 {"type":"logout"})并主动发送
  • 清理资源(如从 ConcurrentHashMap 移除 session)必须放在 @OnClose 里,但不能依赖 session 本身做 I/O
  • 浏览器刷新或关页时,@OnClose 可能不触发(TCP FIN 未送达),所以服务端要配超时踢出 + 心跳检测

生产环境必须关掉的三个默认行为

Spring Boot 内置的 WebSocket 配置在开发时够用,上线后不调整会埋雷:

  • 禁用默认的 SimpleBroker:它用内存 Map 存订阅关系,集群下失效,必须换 RedisMessageBrokerActiveMQ
  • 关闭 setAllowedOrigins("*"):CORS 允许任意源会引发跨站攻击,应精确配置如 ["https://app.example.com"]
  • 限制 maxTextMessageSizemaxBinaryMessageSize:默认不限,大文件上传可能 OOM;建议设为 1024 * 1024(1MB)并配合前端分片

最常被忽略的是心跳帧的处理粒度:Ping/Pong 是 TCP 层保活,但业务层需要独立的心跳消息(如每 30s 交互 {"type":"ping"}),否则 NAT 网关可能在 60s 后单向切断连接,客户端毫无感知。

好了,本文到此结束,带大家了解了《WebSocket从入门到精通:消息传输全攻略》,希望本文对你有所帮助!关注golang学习网公众号,给大家分享更多文章知识!

Flask接口响应慢怎么优化?Python接入APM追踪方法Flask接口响应慢怎么优化?Python接入APM追踪方法
上一篇
Flask接口响应慢怎么优化?Python接入APM追踪方法
内部类访问权限实战:主类与变量安全交互
下一篇
内部类访问权限实战:主类与变量安全交互
查看更多
最新文章
资料下载
查看更多
课程推荐
  • 前端进阶之JavaScript设计模式
    前端进阶之JavaScript设计模式
    设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
    543次学习
  • GO语言核心编程课程
    GO语言核心编程课程
    本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
    516次学习
  • 简单聊聊mysql8与网络通信
    简单聊聊mysql8与网络通信
    如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
    500次学习
  • JavaScript正则表达式基础与实战
    JavaScript正则表达式基础与实战
    在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
    487次学习
  • 从零制作响应式网站—Grid布局
    从零制作响应式网站—Grid布局
    本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
    485次学习
查看更多
AI推荐
  • ChatExcel酷表:告别Excel难题,北大团队AI助手助您轻松处理数据
    ChatExcel酷表
    ChatExcel酷表是由北京大学团队打造的Excel聊天机器人,用自然语言操控表格,简化数据处理,告别繁琐操作,提升工作效率!适用于学生、上班族及政府人员。
    5824次使用
  • Any绘本:开源免费AI绘本创作工具深度解析
    Any绘本
    探索Any绘本(anypicturebook.com/zh),一款开源免费的AI绘本创作工具,基于Google Gemini与Flux AI模型,让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景,零门槛,高自由度,技术透明,本地可控。
    6266次使用
  • 可赞AI:AI驱动办公可视化智能工具,一键高效生成文档图表脑图
    可赞AI
    可赞AI,AI驱动的办公可视化智能工具,助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析,还是一键生成专业图表、脑图、知识卡片,可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景,大幅提升办公效率,降低专业门槛,是您提升工作效率的得力助手。
    6077次使用
  • 星月写作:AI网文创作神器,助力爆款小说速成
    星月写作
    星月写作是国内首款聚焦中文网络小说创作的AI辅助工具,解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配,助力新人快速上手,资深作者效率倍增。
    8035次使用
  • MagicLight.ai:叙事驱动AI动画视频创作平台 | 高效生成专业级故事动画
    MagicLight
    MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台,专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型,保障角色、风格、场景高度一致性,让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销,助您轻松实现创意落地与商业化。
    6466次使用
微信登录更方便
  • 密码登录
  • 注册账号
登录即同意 用户协议隐私政策
返回登录
  • 重置密码