微信小程序数据接收

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);
    })
}
相关推荐
小时前端4 小时前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
icebreaker1 天前
Weapp-vite:原生模式之外,多一种 Vue SFC 选择
前端·vue.js·微信小程序
icebreaker1 天前
重走 Vue 长征路 Weapp-vite:编译链路与 Wevu 运行时原理拆解
前端·vue.js·微信小程序
大米饭消灭者4 天前
Taro是怎么实现一码多端的【底层原理】
微信小程序·taro
FliPPeDround5 天前
Vitest Environment UniApp:让 uni-app E2E 测试变得前所未有的简单
微信小程序·e2e·前端工程化
FliPPeDround5 天前
微信小程序自动化的 AI 新时代:wechat-devtools-mcp 智能方案
微信小程序·ai编程·mcp
吴声子夜歌5 天前
小程序——布局示例
小程序
码云数智-大飞5 天前
如何创建自己的小程序,码云数智与有赞平台对比
微信小程序
luffy54595 天前
微信小程序页面使用类似filter函数的wxs语法
微信小程序·小程序
Slow菜鸟5 天前
微信小程序开发(二)目录结构完全指南
微信小程序·小程序