解决websocket 报 Could not decode a text frame as UTF-8 的问题

当你使用websocket传输数据时,偶尔可能会出现下面的错误

websocket Could not decode a text frame as UTF-8

网上很多其他文章一上来就介绍什么是websocket,数据协议等等,对解决问题没有多大帮助。

有一些文章说要改开头数字10000001等等,很多同学不知所云。

下面说说个人的经验,不一定对,希望对大家有个帮助。

首先如果你使用的是相对成熟的websocket框架的话,一般不会出现这个问题。

而出现这个问题的原因,绝大部分是客户端和服务器端的指定的 “binaryType” 不一致。

要解决问题,首先要弄清楚问题所在,我们先了解一下这个binaryType是什么:

WebSocket.binaryType 返回websocket连接所传输二进制数据的类型。

它有两个值:

"blob"  如果传输的是 Blob 类型的数据。
"arraybuffer"  如果传输的是 ArrayBuffer 类型的数据。

通常,如果不指定这个值,默认一般是:blob   顾名思义就是任意对象

正常而言,如果binaryType=blob,传输字符串(String)类型,一般没有什么问题。但如果这个时候传一个 byte[] 数组或者二进制数组,可能就会出现Could not decode a text frame as UTF-8 的问题。

对于websocket而言,如果直接传输txt文本。那么opcode一般等于1(opcode是什么可以自行百度)。而直接send byte[] 或者二进制数组时,opcode一般等于2。

当binaryType=blob时,一般会把数据直接当成字符串对象解析,此时如果传递的是byte[]。就会报Could not decode a text frame as UTF-8 的问题。

解决问题:

一般服务器端和客户端指定相同的binaryType即可解决问题。如果传递二进制数据。指定binaryType=arraybuffer,即可获取数据原始二进制数组,这样不管传递的是什么,都不会报错,在自行根据情况处理。

当然,如果是你直接封装的WebSocketFrame,则opcode要指定为二进制

在js中指定:

socket.binaryType='arraybuffer'

 

 

 

 

 

 

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 6
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值