记一次websocket开发实践(ArrayBuffer)

本文记录了一次使用WebSocket进行开发的经验,主要涉及ArrayBuffer在处理文字和文件消息中的应用。消息结构包括消息类型标识、接收人信息等,通过特定规则组装后发送给服务器,服务器按规则解析。对于文件消息,除了基本结构,还包括文件名长度和名称。ArrayBuffer的详细用法可参考MDN文档。
摘要由CSDN通过智能技术生成

这里只是简单记录一下,不足之处请多指正。

在这次开发中,我们把要发送的消息分为文字类型消息和文件类型消息,文件类型消息包括图片,文件,音频,视频等,所有的消息都会通过new FileReader()方法转换成arraybuffer类型,然后发送给服务器,为了方便服务器区分消息类型同时做对应处理,我们需要在这个arraybuffer数组里添加一些说明信息,比如消息类型标识,接收人等,具体规则如下:

####文字类型消息

消息类型标识:13,占两个字节;
接收人code长度:toCode.length,占两个字节;
接收人code: toCode,占toCode.length个字节;
定义好规则后就是组装数据,首先定义一个新的arraybuffer对象,其长度是:消息类型标识13(2字节)+toCode.byteLength(2字节)+toCode(toCode.byteLength个字节)+msgArrayBuffer(msgArrayBuffer.byteLength个字节),代码如下:

  let msgArrayBuffer = str2ab(textMsg);
  let toCodeArrayBuffer = str2ab(toCode);
  let sendArrayBuffer = new ArrayBuffer
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值