微信小程序数据接收

1.微信小程序蓝牙模块中的

复制代码
wx.onBLECharacteristicValueChange 

回调函数有时候一个数据包会分多个数据包回调,有时候多个数据包会合并成一个数据包回调,如果接收到数据包就处理业务,分拆的和合并的数据都会因为解析失败,导致业务无法正常进行。

2.数据包设计格式为7b开头,随后两位代表整体长度(7b用于鉴定数据合法性,长度用于控制后续数据处理)。

3.数据包开头不为7b开头则视为非法数据丢弃。

4.数据包7b开头长度不足,则等后续数据进行拼接后再次处理。

5.数据包7b开头长度溢出(正好视为溢出0位),则把长度正常部分交给业务处理,随后把溢出部分再次进入第2步处理(递归)。

6.第5步采用了递归,但是每次受理数据都会截断,总有截断到空串的时候,所以不用担心递归会造成死循环。

复制代码
const bufferHead = '7b'; //缓冲区头部
const onBLECharacteristicValueChange = (cb) => {
    //首次监听清空
    let bufferString = "";
    const handleHex = (str, strHex) =>{
      console.log("BLE收到消息:"+strHex);
      //1.检验缓冲区数据是否合法,合法则保留不合法则丢弃
      if(bufferString.length > 0 && bufferString.slice(0,2) !== bufferHead){
        console.log("BLE缓冲区不合法丢弃:"+bufferString);
        bufferString = "";
      }
      //2.缓冲区拼接新数据(缓冲区有长度直接拼,无长度新数据合法才能拼(新数据为空或者7b开头为合法))
      if(bufferString.length > 0 || strHex === "" || strHex.slice(0,2) === bufferHead){
        console.log("BLE缓冲区合法拼接:"+bufferString+"和"+strHex);
        bufferString += strHex;
      }
      //3.取数据的合法长度
      let bufferLength = 4; //合法字节至少四位,因为第三位和第四位代表长度
      if(bufferString.length >= 4){
        bufferLength = parseInt(bufferString.slice(2,4), 16)*2;
      }
      //4.长度充足截取有效内容,剩余部分存入缓冲区
      if(bufferString.length >= bufferLength){
        const value = bufferString.slice(0,bufferLength);
        bufferString = bufferString.slice(bufferLength);
        console.warn("BLE缓冲区溢出分解为:"+value+"和"+bufferString);
        cb(str, value);
        //5.黏包情况继续处理剩余部分,若剩余部分有完整包则能继续处理业务
        if(bufferString.length >0){
          handleHex(str, "");
        }
      }else{
        console.log("BLE缓冲区长度缺失:"+(bufferLength-bufferString.length));
      }
    }
    wx.onBLECharacteristicValueChange((res) => {
        let x = new Uint8Array(res.value);
        let strHex = ""
        let str = ""
        for (let i = 0; i < x.length; i++) {
            strHex = strHex + x[i].toString(16).padStart(2, "0")
        }
        handleHex(str, strHex);
    })
}
相关推荐
蓝帆傲亦11 小时前
支付宝小程序性能暴增秘籍:UniApp项目极限优化全攻略
小程序·uni-app
CHU72903515 小时前
淘宝扭蛋机抽盒小程序前端功能解析:解锁趣味抽盒新体验
前端·小程序
2501_9339072117 小时前
深圳本凡科技专业企业APP开发,助力手机应用创新优化
科技·微信小程序·小程序
每天都要加油呀!19 小时前
TypeError: uni.requestPayment is not a function
小程序
java1234_小锋19 小时前
分享一套优质的微信小程序校园志愿者系统(SpringBoot后端+Vue3管理端)
微信小程序·小程序·校园志愿者
2501_9160088920 小时前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
打破砂锅问到底00720 小时前
AI 驱动开发实战:10分钟从零构建「微信群相册」小程序
人工智能·微信·小程序·ai编程
CHU72903521 小时前
扭蛋机盲盒小程序前端功能设计解析:打造趣味与惊喜并存的消费体验
前端·小程序
QT.qtqtqtqtqt21 小时前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
CHU7290351 天前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序