首页 > 编程语言 >微信小程序实现对蓝牙设备的控制

微信小程序实现对蓝牙设备的控制

时间:2025-01-12 15:29:14浏览次数:3  
标签:console log 程序实现 微信 蓝牙 deviceId res data wx

微信小程序的便利性,让我们很多时候,希望能通过微信小程序实现对蓝牙设备的控制,下面我们介绍一下如何实现这一功能。

该项目是通过微信小程序来控制雾化器的工作模式及工作时间,希望能对大家提供一点帮助。

先看界面:

1、要访问并控制蓝牙设备首先要搜索并连接上设备,代码如下:

  CreatedLink() {
    let that = this;
    wx.openBluetoothAdapter({
      success: function(res) {
        if (!that.data.isConnected) {
          that.startBluetoothDevicesDiscovery();
          wx.showLoading({
            title: '搜索中',
          })
        }
      },
      fail: function(res) {
        wx.showToast({
          title: '请先开启蓝牙',
          icon: 'none',
          duration: 1000
        })
      }
    });
  },
  startBluetoothDevicesDiscovery: function() {
    var that = this;
    wx.startBluetoothDevicesDiscovery({
      success: function(res) {
        console.log("discovery", res);
        if (res.errCode == 0) {
          that.getConnect();
        }
      },
    });
  },
  getConnect: function() {
    var that = this;
    var timer = setInterval(function() {
        wx.getBluetoothDevices({
          success: function(res) {
            console.log("devices", res);
            for (var i = 0; i < res.devices.length; i++) {
              if (res.devices[i].name == that.data.deviceName) {
                wx.hideLoading();
                wx.showLoading({
                  title: '连接中',
                })
                that.setData({
                  isFinded: true
                });
                clearInterval(timer);
                that.setData({
                  deviceId: res.devices[i].deviceId
                });
                console.log('设备号', that.data.deviceId);
                console.log("开始尝试建立连接");
                wx.createBLEConnection({
                  deviceId: that.data.deviceId,
                  timeout: 10000,
                  success: function(res) {
                    console.log(res);
                    if (res.errCode == 0) {
                      console.log('连接成功')
                      that.setData({
                        isConnected: true
                      });
                      wx.stopBluetoothDevicesDiscovery();
                    } else {
                      wx.showModal({
                        title: '提示',
                        content: '不能正常对蓝牙设备进行连接',
                        showCancel: false
                      })
                    }
                  },
                  fail: (res) => {
                    wx.hideLoading();
                    if (res.errCode == 10012) {
                      wx.showModal({
                        title: '提示',
                        content: '连接超时',
                        showCancel: false
                      })
                    }
                    console.warn("fail", res);
                  },
                  complete: () => {
                    wx.hideLoading();
                  }
                })
                break;
              }
            }
          }
        });
      },
      3000);
    setTimeout(function() {
      if (!that.data.isFinded && !that.data.isConnected) {
        clearInterval(timer);
        that.setData({
          isFailed: false
        });
        wx.hideLoading();
        wx.showModal({
          title: '提示',
          content: '搜索蓝牙超时',
          showCancel: false
        })
      }
    }, 12000);
  },

对了,手机蓝牙要打开并确保微信对蓝牙设备的访问权限。

2、连接上蓝牙后,根据自己的需求,是监听蓝牙设备还是发送控制命令给蓝牙设备,代码略有不同,另外,不同的蓝牙设备,characteristicId会有所不同。

监听蓝牙设备代码:

getuuid(){
    let that = this;
    if(that.data.isConnected && that.data.isFailed){
    wx.showLoading({
      title: '获取serviceId',
    })
    console.log("开始获取设备信息");
    wx.getBLEDeviceServices({
      deviceId: that.data.deviceId,
      success(getServicesRes) {
        console.log("getServicesRes", getServicesRes);
        let service = getServicesRes.services[1]
        let serviceId = service.uuid
        wx.showLoading({
          title: '获取characteristicId',
        })
        wx.getBLEDeviceCharacteristics({
          deviceId: that.data.deviceId,
          serviceId: serviceId,
          success(getCharactersRes) {
            console.log("getCharactersRes", getCharactersRes);
            wx.hideLoading();
            let characteristic = getCharactersRes.characteristics[0]
            let characteristicId = characteristic.uuid
            that.setData({
              serviceId: serviceId,
              characteristicId: characteristicId
            })
            console.log('成功获取uuId', that.data.serviceId, that.data.characteristicId);
            wx.notifyBLECharacteristicValueChange({
              state: true,
              deviceId: that.data.deviceId,
              serviceId: serviceId,
              characteristicId: getCharactersRes.characteristics[2].uuid,
              success() {
                console.log('开始监听特征值')
                wx.onBLECharacteristicValueChange(function (onNotityChangeRes) {
                  console.log('监听到特征值更新', onNotityChangeRes);
                  let characteristicValue = that.ab2hex(onNotityChangeRes.value);
                  wx.showModal({
                    title: '监听到特征值更新',
                    content: `更新后的特征值(16进制格式):${characteristicValue}`,
                    showCancel: false
                  })
                })
              },
              fail: (res) => {
                console.warn("监听特征值失败");
              }
            })
          },
          fail: (res) => {
            console.warn("获取特征值信息失败", res);
          },
          complete: (res) => {
            console.log('获取服务信息完成',res);
            wx.hideLoading();
          }
        })
      },
      fail: (res) => {
        console.warn("获取服务信息失败", res);
      },
      complete: () => {
        wx.hideLoading();
      }
    })
    }else{
      wx.showToast({
        title: '请先连接蓝牙',
      })
    }
  },

发送指令代码:

getuuid(){
    let that = this;
    if(that.data.isConnected && that.data.isFailed){
    wx.showLoading({
      title: '获取serviceId',
    })
    console.log("开始获取设备信息");
    wx.getBLEDeviceServices({
      deviceId: that.data.deviceId,
      success(getServicesRes) {
        console.log("getServicesRes", getServicesRes);
        let service = getServicesRes.services[1]
        let serviceId = service.uuid
        wx.showLoading({
          title: '获取characteristicId',
        })
        wx.getBLEDeviceCharacteristics({
          deviceId: that.data.deviceId,
          serviceId: serviceId,
          success(getCharactersRes) {
            console.log("getCharactersRes", getCharactersRes);
            wx.hideLoading();
            let characteristic = getCharactersRes.characteristics[0]
            let characteristicId = characteristic.uuid
            that.setData({
              serviceId: serviceId,
              characteristicId: characteristicId
            })
            console.log('成功获取uuId', that.data.serviceId, that.data.characteristicId);
            wx.writeBLECharacteristicValue({
              deviceId: that.data.deviceId,
              serviceId: that.data.serviceId,
              characteristicId: getCharactersRes.characteristics[0].uuid,
              value: that.fillcmdbuff(),
              success: function(res) {
                console.log("设置成功");
                wx.showToast({
                  title: '设置成功',
                  icon: 'none'
                })
              },
              fail: function(res) {
                console.warn("设置失败", res)
              }
            })            
          },
          fail: (res) => {
            console.warn("获取特征值信息失败", res);
          },
          complete: (res) => {
            console.log('获取服务信息完成',res);
            wx.hideLoading();
          }
        })
      },
      fail: (res) => {
        console.warn("获取服务信息失败", res);
      },
      complete: () => {
        wx.hideLoading();
      }
    })
    }else{
      wx.showToast({
        title: '请先连接蓝牙',
      })
    }
  },

如果既需要监听蓝牙设备又需要发送命令给蓝牙设备的话,代码部分可能需要适当的优化。

3、最后完成工作需要断开蓝牙设备。

 CloseLink(){
    this.setData({
      isConnected:false,
      isFinded:false
    })
    wx.closeBLEConnection({
      deviceId: this.data.deviceId,
      success: function(res) {
        console.log("成功断开连接");
        wx.showToast({
          title: '成功断开连接',
        })
      },
    })
  }

如果需要完整工程代码可以留言。

标签:console,log,程序实现,微信,蓝牙,deviceId,res,data,wx
From: https://blog.csdn.net/weald2000/article/details/145087203

相关文章

  • uni-app 开发微信小程序 onLaunch后再执行页面onLoad
    因为需要在onLoad调用用户登陆信息数据,网上找了都是使用原生小程序开发的,没有uni-app解决问题的办法,现记录下来。1、在app.vueonLaunch注意,这里一定要使用(that.$scope.checkLoginReadyCallback)而不是that.checkLoginReadyCallback。是因为在定义于App()内的函数中,或调用App......
  • [免费]微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端)【论文+源码+SQL脚本
    大家好,我是java1234_小锋老师,看到一个不错的微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端),分享下哈。项目视频演示【免费】微信小程序(高校就业)招聘系统(Springboot后端+Vue管理端)Java毕业设计_哔哩哔哩_bilibili项目介绍随着越来越多的用户借助于移动手机......
  • 微信小程序可以放到公众号的底部菜单吗?
    微信小程序可以放到公众号的底部菜单。以下是具体的操作步骤和要点:关联小程序与公众号:首先,需要确保小程序已经与公众号进行了关联。登录微信公众平台,进入公众号设置,找到“小程序管理”,点击“添加”,然后输入小程序的AppID进行关联。创建自定义菜单:登录微信公众号后台,点......
  • 微信小程序有哪些支付方式?
    微信小程序支付方式主要包括以下几种:微信支付:微信支付是小程序内最常用的支付方式,用户可以通过微信内的余额、银行卡、信用卡等进行支付。开发流程涉及请求微信统一下单接口获取prepay_id,再由前端调用微信支付接口wx.requestPayment()完成支付。需要小程序已认证并获取appi......
  • 微信小程序如何实现分享功能
    微信小程序的分享功能主要依赖于微信官方提供的API来实现。以下是一个基本的前端实现流程:在页面的JS文件中定义onShareAppMessage函数这个函数会在用户点击分享按钮的时候被调用,你可以在这个函数中定义分享的内容。Page({onShareAppMessage:function(res){i......
  • python+uniapp基于微信小程序的小区服务管理系统java+nodejs+php-计算机毕业设计
    目录技术介绍具体实现截图微信开发者工具HBuilderXuniapp系统设计java类核心代码部分展示登录的业务流程的顺序是:可行性论证详细视频演示技术可行性系统测试系统安全性数据完整性实现思路系统实现源码获取技术介绍如今微信小程序有以下发展优势(1)无须下载,无须注......
  • python+uniapp基于微信小程序的实习生管理系统java+nodejs+php-计算机毕业设计
    目录技术介绍具体实现截图微信开发者工具HBuilderXuniapp系统设计java类核心代码部分展示登录的业务流程的顺序是:可行性论证详细视频演示技术可行性系统测试系统安全性数据完整性实现思路系统实现源码获取技术介绍如今微信小程序有以下发展优势(1)无须下载,无须注......
  • 2025毕设springboot 大学生志愿者服务管理微信小程序的设计与实现论文+源码
    系统程序文件列表开题报告内容研究背景随着社会的不断进步和志愿服务精神的广泛传播,大学生作为社会的一股重要力量,积极参与各类志愿服务活动,不仅有助于个人成长,还能为社会带来积极影响。然而,传统的志愿者服务管理方式往往存在信息更新不及时、报名流程繁琐、志愿服务时长记......
  • windows7老爷机安装蓝牙适配器遇到的坑
    连续买了3个蓝牙接收器,都无法在我的win7电脑上使用,最后询问小二、加上自己上网查询,最终解决。首先,安装蓝牙驱动,重启电脑。然后,说明书上说,右下角的系统托盘理应有个蓝牙图标,但是我这里不显示,所以,要另寻它法。右键点击网络图标,【打开网络和共享中心】看到蓝牙了,右键》属性 ......
  • 微信支付直连产品,对接场景总结
    大家好,我是小悟。作为国内领先的移动支付平台,微信支付凭借其便捷性、安全性和丰富的功能,深受广大用户的喜爱。微信支付目前直连支付产品有付款码支付、JSAPI支付、小程序支付、Native支付、APP支付、刷脸支付和刷掌支付。相对应场景下,产品的使用选择:做小程序产品,那么接入......