PHP前端开发

微信小程序如何实现蓝牙的实例分享

百变鹏仔 4天前 #前端问答
文章标签 蓝牙

这篇文章主要介绍了微信小程序 蓝牙的实现实例代码的相关资料,需要的朋友可以参考下

微信小程序 蓝牙的实现实例代码

1.简述

蓝牙适配器接口是基础库版本 1.1.0 开始支持。
iOS 微信客户端 6.5.6 版本开始支持,Android 客户端暂不支持
蓝牙总共增加了18个api接口。

2.Api分类

搜索类
连接类
通信类

3.API的具体使用

详细见官网:

https://mp.weixin.qq.com/debug/wxadoc/dev/api/bluetooth.html#wxgetconnectedbluethoothdevicesobject

4. 案例实现

4.1 搜索蓝牙设备

/** * 搜索设备界面 */Page({ data: {  logs: [],  list:[], },  onLoad: function () {  console.log('onLoad')var that = this;// const SDKVersion = wx.getSystemInfoSync().SDKVersion || '1.0.0'// const [MAJOR, MINOR, PATCH] = SDKVersion.split('.').map(Number)// console.log(SDKVersion);// console.log(MAJOR);// console.log(MINOR);// console.log(PATCH);// const canIUse = apiName => {//  if (apiName === 'showModal.cancel') {//   return MAJOR >= 1 && MINOR >= 1//  }//  return true// }// wx.showModal({//  success: function(res) {//   if (canIUse('showModal.cancel')) {//    console.log(res.cancel)//   }//  }// })   //获取适配器   wx.openBluetoothAdapter({   success: function(res){    // success    console.log("-----success----------");     console.log(res);     //开始搜索    wx.startBluetoothDevicesDiscovery({ services: [], success: function(res){  // success   console.log("-----startBluetoothDevicesDiscovery--success----------");   console.log(res); }, fail: function(res) {  // fail   console.log(res); }, complete: function(res) {  // complete   console.log(res); }})   },   fail: function(res) {     console.log("-----fail----------");    // fail     console.log(res);   },   complete: function(res) {    // complete     console.log("-----complete----------");     console.log(res);   }  })   wx.getBluetoothDevices({    success: function(res){     // success     //{devices: Array[11], errMsg: "getBluetoothDevices:ok"}     console.log("getBluetoothDevices");     console.log(res);     that.setData({     list:res.devices     });     console.log(that.data.list);    },    fail: function(res) {     // fail    },    complete: function(res) {     // complete    }   }) }, onShow:function(){ },  //点击事件处理 bindViewTap: function(e) {   console.log(e.currentTarget.dataset.title);   console.log(e.currentTarget.dataset.name);   console.log(e.currentTarget.dataset.advertisData);  var title = e.currentTarget.dataset.title;  var name = e.currentTarget.dataset.name;   wx.redirectTo({    url: '../conn/conn?deviceId='+title+'&name='+name,    success: function(res){     // success    },    fail: function(res) {     // fail    },    complete: function(res) {     // complete    }   }) },})

4.2连接 获取数据

/** * 连接设备。获取数据 */Page({  data: {    motto: 'Hello World',    userInfo: {},    deviceId: '',    name: '',    serviceId: '',    services: [],    cd20: '',    cd01: '',    cd02: '',    cd03: '',    cd04: '',    characteristics20: null,    characteristics01: null,    characteristics02: null,    characteristics03: null,    characteristics04: null,    result,  },  onLoad: function (opt) {    var that = this;    console.log("onLoad");    console.log('deviceId=' + opt.deviceId);    console.log('name=' + opt.name);    that.setData({ deviceId: opt.deviceId });    /**     * 监听设备的连接状态     */    wx.onBLEConnectionStateChanged(function (res) {      console.log(`device ${res.deviceId} state has changed, connected: ${res.connected}`)    })    /**     * 连接设备     */    wx.createBLEConnection({      deviceId: that.data.deviceId,      success: function (res) {        // success        console.log(res);        /**         * 连接成功,后开始获取设备的服务列表         */        wx.getBLEDeviceServices({          // 这里的 deviceId 需要在上面的 getBluetoothDevices中获取          deviceId: that.data.deviceId,          success: function (res) {            console.log('device services:', res.services)            that.setData({ services: res.services });            console.log('device services:', that.data.services[1].uuid);            that.setData({ serviceId: that.data.services[1].uuid });            console.log('--------------------------------------');            console.log('device设备的id:', that.data.deviceId);            console.log('device设备的服务id:', that.data.serviceId);            /**             * 延迟3秒,根据服务获取特征              */            setTimeout(function () {              wx.getBLEDeviceCharacteristics({                // 这里的 deviceId 需要在上面的 getBluetoothDevices                deviceId: that.data.deviceId,                // 这里的 serviceId 需要在上面的 getBLEDeviceServices 接口中获取                serviceId: that.data.serviceId,                success: function (res) {                  console.log('000000000000' + that.data.serviceId);                  console.log('device getBLEDeviceCharacteristics:', res.characteristics)                  for (var i = 0; i  ('00' + x.toString(16)).slice(-2)).join('');  }})

5.效果展示

发送校验指令。获取结果