WebSocket系列之二进制数据设计与传输

最新推荐文章于 2024-08-28 10:15:00 发布
最新推荐文章于 2024-08-28 10:15:00 发布
阅读量5.5k 收藏 7
点赞数
文章标签： 网络 java javascript ViewUI
原文链接：https://segmentfault.com/a/1190000014109057
版权
本文作为WebSocket系列的第四篇，通过一个IM聊天应用实例，阐述如何设计二进制协议，详细讲解WebSocket如何发送和处理二进制数据，包括协议设计、消息构造、发送与接收解析等，帮助读者掌握WebSocket二进制数据传输的核心技术。
摘要由CSDN通过智能技术生成

概述

通过前三篇博客，我们能够了解在通过WebSocket发送数据之前，我们需要传递的数据是如何变成ArrayBuffer二进制数据的；在我们收到二进制数据之后，我们又如何将其变成了JavaScript中的常见数据类型。
本文作为WebSocket系列的第四篇内容，将会用一个简单的IM聊天应用把整个WebSocket传输二进制数据类型的内容连接起来，让用户对整个WebSocket传输二进制数据的方法有个了解。
本文的主要内容如下：

  • 如何设计一个二进制协议
  • WebSocket如何发送二进制数据
  • WebSocket如何处理接收的二进制数据

之前的博客我们介绍过了WebSocket基础知识，数字类型和字符串类型与二进制数据间的转换，如果没有相关的基础，建议先依次阅读以下文章：

如何设计一个二进制协议

什么是协议

协议，网络协议的简称，网络协议是通信计算机双方必须共同遵从的一组约定。如怎么样建立连接、怎么样互相识别等
最低0.47元/天 解锁文章
weixin_34302561
关注
websocket 二进制 java_WebSocket系列之字符串如何与二进制数据间进行互相转换
weixin_32328999的博客
02-16 534
概述上一篇博客我们说到了如何进行数字类型(如Short、Int、Long类型)如何在JavaScript中进行二进制转换，如果感兴趣的可以可以阅读本系列第二篇博客——WebSocket系列之JavaScript中数字数据如何转换为二进制数据。这次，我们来说下string类型的数据如何进行处理。本文是WebSocket系列的第三篇，主要介绍string数据与二进制数据之间的转换方法，具体的内容如下：...
科普文：websocket全双工协议解读
为无为，事无事，味无味。
07-31 998
单工：信息只能单向传送；半双工：信息能双向传送但不能同时双向传送；全双工：信息能够同时双向传送。TCP协议本身是全双工的，但我们最常用的HTTP1.1，虽然是基于TCP的协议，但它是半双工的，对于大部分需要服务器主动推送数据到客户端的场景，都不太友好，因此我们需要使用支持全双工的websocket协议。在HTTP1.1里。只要客户端不问，服务端就不答。基于这样的特点，对于登录页面这样的简单场景，可以使用定时轮询或者长轮询的方式实现服务器推送(comet)的效果。
WebSocket集成XMPP网页即时通讯3：二进制文件收发
昕友软件博客
01-15 205
WebSocket支持二进制的发送，见jetty官网： http://www.eclipse.org/jetty/documentation/current/jetty-websocket-api-send-message.html   Blocking Send Message 阻塞式 Most calls are blocking in nature, and wil...
websocket 二进制数据传输基础准备工作
weixin_33989058的博客
04-03 2677
二进制与十六进制 二进制用 0 1 表示 2= 10 十六进制 前缀0x 用0123456789ABCDEF表示 2= 0x2 二进制与十六进制的转换 十六进制的每位 等于二进制的四位 十六进制 0xF = 15(十进制) = 1111(二进制) 十六进制每位最大就是二进制的 1111 = 15(十进制) 二进制 2 = 10 十六进制 2 = 0x2 = 0010 规律很清晰了吧 20 =...
no-referrer-when-downgrade什么意思
热门推荐
lxw1844912514的博客
03-12 3万+
no referrer when downgrade的意思：降级时不推荐。 从一个网站链接到另外一个网站会产生新的http请求，referrer是http请求中表示来源的字段。 no-referrer-when-downgrade表示从https协议降为http协议时不发送referrer给跳转网站的服务器。 在页面引入图片、JS 等资源，或者从一个页面跳到另一个页面，都会产生新的...
websocket 二进制 java_WebSocket系列之二进制数据设计与传输
weixin_36454202的博客
02-16 1670
概述通过前三篇博客，我们能够了解在通过WebSocket发送数据之前，我们需要传递的数据是如何变成ArrayBuffer二进制数据的；在我们收到二进制数据之后，我们又如何将其变成了JavaScript中的常见数据类型。本文作为WebSocket系列的第四篇内容，将会用一个简单的IM聊天应用把整个WebSocket传输二进制数据类型的内容连接起来，让用户对整个WebSocket传输二进制数据的方法有...
java socket 接收二进制数据_WebSocket系列之二进制数据设计与传输
weixin_29495899的博客
02-13 1621
概述通过前三篇博客，我们能够了解在通过WebSocket发送数据之前，我们需要传递的数据是如何变成ArrayBuffer二进制数据的；在我们收到二进制数据之后，我们又如何将其变成了JavaScript中的常见数据类型。本文作为WebSocket系列的第四篇内容，将会用一个简单的IM聊天应用把整个WebSocket传输二进制数据类型的内容连接起来，让用户对整个WebSocket传输二进制数据的方法有...
WebSocket之JS发送二进制
思月行云
11-29 4023
WebSocket之JS发送二进制 老鼠AI大米_Java全栈 原文：WebSocket之JS发送二进制 - 简书 (jianshu.com) 大家都知道使用socket通信都是二进制，通信框架多是使用二进制通信，高效且快速，但在前端如何编辑发送二进制，二进制数据在日常的JavaScript中很少遇到，但是当你使用WebSocket与后端进行数据交互时，就有可能会用到二进制的数据格式。 JS如何存储和操作二进制 JavaScript中用ArrayBuffer来存储二进制数据。 JavaScr
使用 WebSocket 发送二进制数据：最佳实践
02-02 2671
);});
websocketpp读取二进制
已迁移至 https://seekstar.github.io/
06-07 767
直接msg->get_payload().data()就好了。 std::string里可以装’\0’，用data()就可以访问。 参考： https://github.com/zaphoyd/websocketpp/issues/412
关于如何使用websocket 接收并显示图片或者操作二进制
kkkkk4400的专栏
11-27 1万+
今天想实现一个在firefox中使用websocket接收二进制图片并显示的功能。百度了半天..一堆人都说用MozBlobBuilder，可尼玛我的firefox游览器中就没这个对象！！版本(25.0.1) 回想一年前想实现用websocket实现模仿C++接收二进制并操作的时候，百度google上一堆人还说“js是不能实现二进制操作的”，我就开始火大了。都什么鸟玩意儿？？百度上什么时候出现的那
解决使用WebSocket向前端进行数据推送，但数据变为二进制流[object Blob]的问题
nicole27ll的博客
12-01 5541
最近在做基于Vue的数据可视化的项目，使用koa2进行后台项目开发，引入webSocket对前后端代码进行改造，保持浏览器和服务端之间的长连接。 一、需要解决的问题 在进行前后端数据交互的测试时，发现存在客户端获取的数据与服务端发送的数据不一致的情况。如下： 二、解决方案 在反复确认代码正确的情况下，尝试对比之前能正确获取数据的服务器的初始化文件。 发现解决这个现象的办法就是更改package.json中webSocket依...
c语言socket发送unicode,webSocket 二进制传输基础准备-Unicode转UTF16
weixin_39862382的博客
05-27 331
前言1.websocket 二进制数据传输基础准备工作2.webSocket 二进制传输基础准备-Unicode转UTF83.webSocket 二进制传输基础准备-Unicode转UTF16昨天我们学习了Unicode转UTF8js中所有的string类型都是使用的UTF-16编码下面就直接开始吧完整的 Unicode 字符集UTF-16编码方式Unicode码范围UTF-16编码方式字节U+0...
Websocket
最新发布
ngczx的博客
08-28 464
它允许客户端和服务器之间建立持久的、双向的通信连接。相比传统的 HTTP 请求 - 响应模式，WebSocket 提供了。WebSocket 协议经过了多个浏览器和服务器的支持，成为了现代 Web 应用中常用的通信协议之一。通过 WebSocket，客户端和服务器可以在任意时间点互相发送消息，接收请求和原来的http不一样。http用restController。http协议和websocket协议的区别。浏览器和服务器可以实现双向的数据传输。当用户点击催单的时候，要通知商家端。
javascript websocket 二进制转字符串 二进制转对象
QQ1035661353的博客
07-08 6422
websocket中服务器下发了二进制数据，可以这样解析 <script type="text/javascript"> function binaryData(ev) { return JSON.parse(new TextDecoder("utf-8").decode(new Uint8Array(ev.data))) } var ws = new WebSocket(...
虚幻4 控制台_如何在控制台打印出一个表格？cli-table3了解一下
weixin_39583162的博客
10-25 255
这篇文章我们介绍一个工具——cli-table3模块，它有什么用呢？如果你使用过pm2，你肯定知道它在启动之后会在控制台展现一个表格用于输出进程信息，如下图，图1不知道大家在看见这个表格的时候有没有很好奇这个表格是如何生成的？我们在开发一个cli的时候也能不能生成这样一个表格呢？对于前端来说在页面中写一个表格那是so easy，用table标签即可，在控制台生成表格就要用到cli-table3模块...
什么是Unicode？什么UTF8、UNF16、UNF32？ 二者之间有什么关系？
qq_45346896的博客
09-24 1245
什么是Unicode？ Unicode（统一码、万国码、单一码）是计算机科学领域里的一项业界标准，包括字符集、编码方案等。Unicode 是为了解决传统的字符编码方案的局限而产生的，它为每种语言中的每个字符设定了统一且唯一的二进制编码，以满足跨语言、跨平台进行文本转换、处理的要求。1990年开始研发，1994年正式公布。Unicode通常用两个字节表示一个字符，原有的英文编码从单字节变成双字节，只...
websocket如何处理二进制数据
06-02
WebSocket 协议可以传输二进制数据和文本数据。在处理二进制数据时，我们需要使用 BinaryWebSocketHandler 类来处理二进制数据。 具体步骤如下： 1. 创建 BinaryWebSocketHandler 类并重写 handleBinaryMessage 方法来处理二进制数据。 ```java public class MyBinaryWebSocketHandler extends BinaryWebSocketHandler { @Override public void handleBinaryMessage(WebSocketSession session, BinaryMessage message) { // 处理二进制消息 } } ``` 2. 修改 WebSocketConfig 类中注册 WebSocket 处理器的方法，将处理器修改为 BinaryWebSocketHandler 类型，并指定 WebSocket 路径。 ```java @Configuration @EnableWebSocket public class WebSocketConfig implements WebSocketConfigurer { @Override public void registerWebSocketHandlers(WebSocketHandlerRegistry registry) { registry.addHandler(binaryWebSocketHandler(), "/ws").setAllowedOrigins("*"); } @Bean public WebSocketHandler binaryWebSocketHandler() { return new MyBinaryWebSocketHandler(); } } ``` 3. 在前端页面中使用 WebSocket 发送二进制数据。 ```javascript var socket = new WebSocket("ws://localhost:8080/ws"); socket.binaryType = "arraybuffer"; socket.onopen = function() { // 连接成功 }; socket.onmessage = function(event) { var data = new Uint8Array(event.data); // 处理二进制消息 }; socket.onclose = function() { // 连接关闭 }; var data = new Uint8Array([1, 2, 3, 4]); socket.send(data.buffer); ``` 在前端页面中，我们需要通过设置 socket.binaryType = "arraybuffer" 来告诉 WebSocket 接收二进制数据。在接收到二进制数据时，我们需要将 event.data 转换为 Uint8Array 类型来处理二进制数据。 注意：在发送二进制数据时，需要通过 data.buffer 来获取 ArrayBuffer 类型的数据。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值