• uniapp 小程序低功耗蓝牙配网 ble配网 物联网

     1.获取蓝牙列表  bleList.vue

    2.  
    3. <script>
    4. export default {
    5.   data() {
    6.     return {
    7.       bluetoohList: [],
    8.     };
    9.   },
    10.   onLoad: function (options) {
    11.     this.startSearch();
    12.   },
    13.   methods: {
    14.     // 连接蓝牙
    15.     startSearch() {
    16.       let that = this;
    17.       that.$ble.openBluetoothAdapter(
    18.         (res) => {
    19.           that.$ble.getBluetoothAdapterState((res) => {
    20.             if (res.available) {
    21.               if (res.discovering) {
    22.                 that.$ble.stopBluetoothDevicesDiscovery();
    23.               } else {
    24.                 that.getBluetoothDevices();
    25.               }
    26.               that.checkPemission();
    27.             } else {
    28.               that.$tip.toast("本机蓝牙不可用");
    29.             }
    30.           });
    31.         },
    32.         (err) => {
    33.           that.openSetting();
    34.         }
    35.       );
    36.     },
    37.     openSetting() {
    38.       let params = {
    39.         title: "检测到您没打开蓝牙权限，是否去设置打开？",
    40.         showCancel: true,
    41.       };
    42.       this.$tip.showModal(params, (res) => {
    43.         if (res.confirm) {
    44.           this.$ble.openSetting();
    45.         }
    46.       });
    47.     },
    48.     checkPemission() {
    49.       //android 6.0以上需授权地理位置权限
    50.       var that = this;
    51.       const sys = uni.getSystemInfoSync();
    52.       if (sys.platform == "ios") {
    53.         that.getBluetoothDevices();
    54.       } else if (sys.platform == "android") {
    55.         console.log(
    56.           app
    57.             .getSystem()
    58.             .substring(
    59.               app.getSystem().length - (app.getSystem().length - 8),
    60.               app.getSystem().length - (app.getSystem().length - 8) + 1
    61.             )
    62.         );
    63.         if (
    64.           app.globalData
    65.             .getSystem()
    66.             .substring(
    67.               app.globalData.getSystem().length -
    68.                 (app.globalData.getSystem().length - 8),
    69.               app.globalData.getSystem().length -
    70.                 (app.globalData.getSystem().length - 8) +
    71.                 1
    72.             ) > 5
    73.         ) {
    74.           uni.getSetting({
    75.             success: (res) => {
    76.               console.log(res);
    77.               if (!res.authSetting["scope.userLocation"]) {
    78.                 uni.authorize({
    79.                   scope: "scope.userLocation",
    80.                   complete: (res) => {
    81.                     that.getBluetoothDevices();
    82.                   },
    83.                 });
    84.               } else {
    85.                 that.getBluetoothDevices();
    86.               }
    87.             },
    88.           });
    89.         }
    90.       }
    91.     },
    92.     //获取蓝牙设备信息
    93.     getBluetoothDevices() {
    94.       that.$tip.loading("蓝牙搜索中");
    95.       this.$ble.getBluetoothDevices((res) => {
    96.         this.bluetoohList = res;
    97.         this.$tip.loaded();
    98.       });
    99.     },
    100.     // 连接蓝牙 跳转到连接页面
    101.     openControl(item) {
    102.       let params = {
    103.         list: this.bluetoohList,
    104.         info: item,
    105.       };
    106.       this.$tip.redirectTo("/pages/ble/ble", params);
    107.     },
    108.   },
    109. };
    110. script>
    111.  
    112. <style scoped>
    113. .content-pop {
    114.   width: 100vw;
    115.   max-height: 55vh;
    116.   padding: 0 30rpx;
    117. }
    118. .bluetoothItem {
    119.   padding: 20rpx 0;
    120.   font-weight: 400;
    121.   font-size: 28rpx;
    122.   border-bottom: 1rpx solid #f4f4f4;
    123.   text-align: left;
    124. }
    125. .textItem {
    126.   display: block;
    127.   margin-bottom: 10rpx;
    128. }
    129. style>

    2.选择蓝牙进行连接  ble.vue

    2.  
    3. <style scoped>
    4. .zai-box {
    5.   padding: 0;
    6.   margin: 0;
    7.   height: 100%;
    8.   background-color: #fff;
    9. }
    10.  
    11. .container {
    12.   padding: 30rpx;
    13.   margin: 0;
    14.   font-size: 28rpx;
    15.   color: #20212b;
    16.   background-color: #fff;
    17.   text-align: left;
    18.   font-weight: 400;
    19. }
    20.  
    21. image {
    22.   width: 362rpx;
    23.   height: 362rpx;
    24.   margin-top: 30rpx;
    25. }
    26.  
    27. .textTitle {
    28.   display: block;
    29.   font-size: 36rpx;
    30.   font-weight: bold;
    31.   color: #20212b;
    32.   display: block;
    33.   margin-bottom: 30rpx;
    34. }
    35.  
    36. .textItem {
    37.   display: block;
    38.   font-size: 24rpx;
    39.   font-weight: 400;
    40.   color: #999999;
    41.   line-height: 36rpx;
    42. }
    43. style>

    3. 蓝牙连接WiFi  bleWifi.vue

    2.   
    3.   <script>
    4.   import APToast from "@/util/APToast.js";
    5.   export default {
    6.     data() {
    7.       return {
    8.         SSID: "your SSID",
    9.         password: "",
    10.         connected: true,
    11.         wifiCountDown: 0,
    12.         wifiCountInterval: null, // 定时器
    13.         blefiInfo: {},
    14.       };
    15.     },
    16.     // 二级页面清除
    17.     onUnload() {
    18.       this.$ble.offBLEConnectionStateChange();
    19.       this.clearIntervalWifi();
    20.     },
    21.     onLoad(options) {
    22.       this.blefiInfo = uni.getStorageSync("blefiInfo");
    23.       let sys = uni.getStorageSync("phoneInfo");
    24.       if (sys.platform == "android") {
    25.         // this.$ble.onBLEMTUChange((res) => {
    26.         //   console.log(res, "androidMTU");
    27.         // });
    28.   
    29.         // this.$ble.getBLEMTU(this.blefiInfo.deviceId, (res) => {
    30.         //   console.log(res, "mtu");
    31.         // });
    32.   
    33.  
    34.        // 安卓要手动更改MTU值
    35.         const mtu = 512;
    36.         this.$ble.setBLEMTU(
    37.           this.blefiInfo.deviceId,
    38.           mtu,
    39.           (res) => {
    40.             console.log(res);
    41.           },
    42.           (err) => {
    43.             console.log(err);
    44.           }
    45.         );
    46.       }
    47.   
    48.       this.$ble.getBLEDeviceServices(this.blefiInfo.deviceId, (res) => {
    49.         this.$ble.getBLEDeviceCharacteristics(
    50.           this.blefiInfo.deviceId,
    51.           this.blefiInfo.serveiceId,
    52.           (res) => {
    53.             // 部分不需要开启notify，开启会监听不到返回信息，自行判断
    54.             this.$ble.notifyBLECharacteristicValueChange(
    55.               true,
    56.               this.blefiInfo.deviceId,
    57.               this.blefiInfo.serveiceId,
    58.               this.blefiInfo.readCharId,
    59.               (res) => {
    60.                 console.log("启用notify成功");
    61.               }
    62.             );
    63.           }
    64.         );
    65.       });
    66.   
    67.       this.$ble.onBLEConnectionStateChange((res) => {
    68.         this.connected = res.connected;
    69.         if (!res.connected) {
    70.             this.$tip.loaded();
    71.           // 蓝牙连接失败，跳转到失败页面
    72.           this.$tip.redirectTo("/pages/ble/bleFail");
    73.         }
    74.       });
    75.   
    76.       // 接收配网打印机回传的数据
    77.       this.$ble.onBLECharacteristicValueChange((res) => {
    78.         if (!res || res.value.byteLength == 0) return;
    79.         this.clearIntervalWifi();
    80.         this.$tip.loaded();
    81.         let num = new Int32Array(res.value)[0];
    82.         console.log(num, "NUM");
    83.  
    84.         // 失败原因
    85.         let tip = APToast.find((item) => item.id == num);
    86.         if (num == 0) {
    87.           // 连接wifi成功
    88.           this.$tip.redirectTo("/pages/ble/WifiSuccess");
    89.         } else {
    90.           // 连接WiFi失败
    91.           this.$tip.redirectTo("/pages/ble/WifiFile",tip);
    92.         }
    93.       });
    94.     },
    95.   
    96.     methods: {
    97.       settiing() {
    98.         this.startSMSTimer("60");
    99.         this.$tip.loading("连接中");
    100.         if (this.connected) {
    101.           this.sendWifi();
    102.         } else {
    103.             this.$tip.loaded();
    104.           // 蓝牙连接失败，跳转到失败页面
    105.           this.$tip.redirectTo("/pages/ble/bleFail");
    106.         }
    107.       },
    108.       // 转UTF-8
    109.       sendWifi() {
    110.         let msg = {
    111.           event: "network",
    112.           data: { ssid: this.SSID, password: this.password, authmode: 4 },
    113.         };
    114.         let buffer = this.stringToUint8Array(JSON.stringify(msg));
    115.         this.bleSendWifi(buffer);
    116.       },
    117.       // json字符串数据转Uint8Array
    118.       stringToUint8Array(str) {
    119.         // 方法一
    120.         // var arr = [];
    121.         // for (var i = 0, j = str.length; i < j; ++i) {
    122.         //   arr.push(str.charCodeAt(i));
    123.         // }
    124.         // var tmpUint8Array = new Uint8Array(arr);
    125.         // return tmpUint8Array.buffer;
    126.   
    127.         // 方法二
    128.         let buffer = new ArrayBuffer(str.length);
    129.         let dataView = new DataView(buffer);
    130.         for (var i = 0; i < str.length; i++) {
    131.           dataView.setUint8(i, str.charCodeAt(i));
    132.         }
    133.         return buffer;
    134.       },
    135.       bleSendWifi(payload) {
    136.         if (this.connected) {
    137.           this.$ble.writeBLECharacteristicValueOnce(
    138.             this.blefiInfo.deviceId,
    139.             this.blefiInfo.serveiceId,
    140.             this.blefiInfo.writecharId,
    141.             payload
    142.           );
    143.           if (this.blefiInfo.readCharId) {
    144.             this.$ble.readBLECharacteristicValue(
    145.               this.blefiInfo.deviceId,
    146.               this.blefiInfo.serveiceId,
    147.               this.blefiInfo.readCharId
    148.             );
    149.           }
    150.         }
    151.       },
    152.       startSMSTimer(val) {
    153.         this.wifiCountDown = val;
    154.         this.wifiCountInterval = setInterval(() => {
    155.           this.wifiCountDown--;
    156.           // console.log(this.wifiCountDown);
    157.           if (this.wifiCountDown <= 0) {
    158.             clearInterval(this.wifiCountInterval);
    159.             this.wifiCountInterval = null;
    160.             this.$tip.loaded();
    161.             // 连接WiFi失败
    162.             this.$tip.redirectTo("/pages/ble/WifiFile");
    163.           }
    164.         }, 1000);
    165.       },
    166.       clearIntervalWifi() {
    167.         this.wifiCountDown = 0;
    168.         if (this.wifiCountInterval) {
    169.           clearInterval(this.wifiCountInterval);
    170.           this.wifiCountInterval = null;
    171.         }
    172.       },
    173.     },
    174.   };
    175.   script>

    4. 手机连接蓝牙失败、蓝牙连接WiFi成功/失败（关闭蓝牙连接）

    5.ble.js

    1. class ble {
    2.   openBluetoothAdapter(success, failure) {
    3.     uni.openBluetoothAdapter({
    4.       success: (res) => {
    5.         success(res);
    6.       },
    7.       fail: (err) => {
    8.         failure(err);
    9.       },
    10.     });
    11.   }
    12.  
    13.   getBluetoothAdapterState(success) {
    14.     uni.getBluetoothAdapterState({
    15.       success: (res) => {
    16.         success(res);
    17.       },
    18.     });
    19.   }
    20.  
    21.   //停止搜寻附近的蓝牙外围设备
    22.   stopBluetoothDevicesDiscovery() {
    23.     uni.stopBluetoothDevicesDiscovery();
    24.   }
    25.  
    26.   //获取蓝牙设备信息
    27.   getBluetoothDevices(success) {
    28.     // 开始搜寻附近的蓝牙外围设备
    29.     uni.startBluetoothDevicesDiscovery({
    30.       success: (res) => {
    31.         setTimeout(() => {
    32.           // 获取搜索到的设备信息
    33.           uni.getBluetoothDevices({
    34.             success: (res) => {
    35.               let bluetoohList = [];
    36.               var num = 0;
    37.               for (var i = 0; i < res.devices.length; ++i) {
    38.                 if (res.devices[i].name != "未知设备") {
    39.                   bluetoohList[num] = res.devices[i];
    40.                   num++;
    41.                 }
    42.               }
    43.               this.stopBluetoothDevicesDiscovery();
    44.               success(bluetoohList);
    45.             },
    46.           });
    47.         }, 5000);
    48.         // that.onBluetoothDeviceFound();
    49.       },
    50.     });
    51.   }
    52.  
    53.   openSetting() {
    54.     uni.openSetting({
    55.       //opensetting是调起设置页面的
    56.       success: (res) => {
    57.         if (res.authSetting == true) {
    58.           //判断res.authsetting的值是true还是false
    59.           uni.openBluetoothAdapter();
    60.         }
    61.       },
    62.     });
    63.   }
    64.  
    65.   //断开与低功耗蓝牙设备的连接
    66.   closeBLEConnection(deviceId) {
    67.     uni.closeBLEConnection({
    68.       deviceId: deviceId,
    69.     });
    70.   }
    71.  
    72.   offBLEConnectionStateChange() {
    73.     wx.offBLEConnectionStateChange();
    74.   }
    75.  
    76.   //连接低功耗蓝牙设备
    77.   createBLEConnection(deviceId, success, failure) {
    78.     uni.createBLEConnection({
    79.       deviceId: deviceId,
    80.       success: (res) => {
    81.         success(res);
    82.       },
    83.       fail: (err) => {
    84.         failure(err);
    85.       },
    86.     });
    87.   }
    88.  
    89.   //获取蓝牙设备所有服务
    90.   getBLEDeviceServices(deviceId, success, failure) {
    91.     wx.getBLEDeviceServices({
    92.       deviceId: deviceId,
    93.       success: (res) => {
    94.         success(res);
    95.       },
    96.       fail(err) {
    97.         failure(err);
    98.       },
    99.     });
    100.   }
    101.  
    102.   //获取蓝牙设备某个服务中所有特征值
    103.   getBLEDeviceCharacteristics(deviceId, serviceId, success, failure) {
    104.     wx.getBLEDeviceCharacteristics({
    105.       deviceId: deviceId,
    106.       serviceId: serviceId,
    107.       success: (res) => {
    108.         success(res);
    109.       },
    110.       fail(err) {
    111.         failure(err);
    112.       },
    113.     });
    114.   }
    115.  
    116.   notifyBLECharacteristicValueChange(
    117.     state,
    118.     deviceId,
    119.     serviceId,
    120.     characteristicId,
    121.     success
    122.   ) {
    123.     wx.notifyBLECharacteristicValueChange({
    124.       state: state,
    125.       deviceId: deviceId,
    126.       serviceId: serviceId,
    127.       characteristicId: characteristicId,
    128.       success: function (res) {
    129.         success(res);
    130.       },
    131.     });
    132.   }
    133.  
    134.   onBLEConnectionStateChange(success) {
    135.     wx.onBLEConnectionStateChange((res) => {
    136.       success(res);
    137.     });
    138.   }
    139.  
    140.   // 接收配网打印机回传的数据
    141.   onBLECharacteristicValueChange(success) {
    142.     wx.onBLECharacteristicValueChange((res) => {
    143.       success(res);
    144.     });
    145.   }
    146.  
    147.   //关闭蓝牙模块
    148.   closeBluetoothAdapter() {
    149.     wx.closeBluetoothAdapter();
    150.   }
    151.  
    152.   // 不分包写入蓝牙
    153.   writeBLECharacteristicValueOnce(
    154.     deviceId,
    155.     serviceId,
    156.     characteristicId,
    157.     value
    158.   ) {
    159.     wx.writeBLECharacteristicValue({
    160.       deviceId: deviceId,
    161.       serviceId: serviceId,
    162.       characteristicId: characteristicId,
    163.       value: value,
    164.     });
    165.   }
    166.  
    167.   readBLECharacteristicValue(deviceId, serviceId, characteristicId) {
    168.     wx.readBLECharacteristicValue({
    169.       deviceId: deviceId,
    170.       serviceId: serviceId,
    171.       characteristicId: characteristicId,
    172.     });
    173.   }
    174.  
    175.   getBLEMTU(deviceId, success) {
    176.     wx.getBLEMTU({
    177.       deviceId: deviceId,
    178.       writeType: "write",
    179.       success(res) {
    180.         success(res.mtu);
    181.       },
    182.     });
    183.   }
    184.  
    185.   onBLEMTUChange(success) {
    186.     wx.onBLEMTUChange(function (res) {
    187.       success(res.mtu);
    188.     });
    189.   }
    190.  
    191.   setBLEMTU(deviceId, mtu, success, failure) {
    192.     wx.setBLEMTU({
    193.       deviceId: deviceId,
    194.       mtu: mtu,
    195.       success: (res) => {
    196.         success(res);
    197.       },
    198.       fail: (res) => {
    199.         failure(res);
    200.       },
    201.     });
    202.   }
    203. }
    204. const bleDevice = new ble();
    205. export default bleDevice;

    6.APToast.js

    1. const message = [
    2.     {
    3.         id:0,
    4.         type:"WIFI_REASON_SUCCESS",
    5.         message:"打印机连接成功"
    6.     },
    7.     {
    8.         id:2,
    9.         type:"WIFI_REASON_AUTH_EXPIRE",
    10.         message:"身份验证超时"
    11.     },
    12.     {
    13.         id:3,
    14.         type:"WIFI_REASON_AUTH_LEAVE",
    15.         message:"连接中断"
    16.     },
    17.     {
    18.         id:8,
    19.         type:"WIFI_REASON_ASSOC_LEAVE",
    20.         message:"连接中断"
    21.     },
    22.     {
    23.         id:15,
    24.         type:"WIFI_REASON_4WAY_HANDSHAKE_TIMEOUT",
    25.         message:"密码错误"
    26.     },
    27.     {
    28.         id:201,
    29.         type:"WIFI_REASON_NO_AP_FOUND",
    30.         message:"未找到可用的网络"
    31.     },
    32.     {
    33.         id:202,
    34.         type:"WIFI_REASON_AUTH_FAIL",
    35.         message:"密码错误或身份验证超时"
    36.     },
    37.     {
    38.         id:203,
    39.         type:"WIFI_REASON_ASSOC_FAIL",
    40.         message:"设备无法与WiFi成功关联"
    41.     },
    42.     {
    43.         id:204,
    44.         type:"WIFI_REASON_HANDSHAKE_TIMEOUT",
    45.         message:"密码错误"
    46.     },
    47.     {
    48.         id:205,
    49.         type:"WIFI_REASON_CONNECTION_FAIL",
    50.         message:"连接失败"
    51.     }, 
    52. ]
    53.  
    54. export default message;

    7.tip.js

    1. export default class Tips { 
    2.  
    3.   /**
    4.    * 弹出提示框
    5.    */
    6.   static success(title, duration = 1000) {
    7.     setTimeout(() => {
    8.       uni.showToast({
    9.         title: title,
    10.         icon: "success",
    11.         mask: true,
    12.         duration: duration,
    13.       });
    14.     }, 300);
    15.     if (duration > 0) {
    16.       return new Promise((resolve, reject) => {
    17.         setTimeout(() => {
    18.           resolve();
    19.         }, duration);
    20.       });
    21.     }
    22.   }
    23.  
    24.   /**
    25.    * 弹出加载提示
    26.    */
    27.   static loading(title = "加载中") {
    28.     if (Tips.isLoading) {
    29.       return;
    30.     }
    31.     Tips.isLoading = true;
    32.     uni.showLoading({
    33.       title: title,
    34.       mask: true,
    35.     });
    36.   }
    37.  
    38.   /**
    39.    * 加载完毕
    40.    */
    41.   static loaded() {
    42.     if (Tips.isLoading) {
    43.       Tips.isLoading = false;
    44.       uni.hideLoading();
    45.     }
    46.   }
    47.  
    48.   /**
    49.    * 关闭当前页面，跳转到新页面
    50.    */
    51.   static redirectTo(urls, item) {
    52.     uni.redirectTo({
    53.       url: item
    54.         ? urls + "?info=" + encodeURIComponent(JSON.stringify(item))
    55.         : urls, //  JSON.parse(decodeURIComponent(option.info));
    56.     });
    57.   }
    58.  
    59.  /**
    60.    * 弹出确认窗口
    61.    */
    62.   static showModal(val, success) {
    63.     uni.showModal({
    64.       title: val.title ? val.title : "",
    65.       content: val.content ? val.content : "",
    66.       showCancel: val.showCancel,
    67.       confirmText: val.confirmText ? val.confirmText : "确定",
    68.       cancelText: val.cancelText ? val.cancelText : "取消",
    69.       cancelColor: "#999999", //取消按钮颜色
    70.       confirmColor: "#00A0E9", //确定按钮颜色
    71.       success: (res) => {
    72.         success(res);
    73.       },
    74.     });
    75.   }
    76. }
    77.  
    78.  
    79. /**
    80.  * 静态变量，是否加载中
    81.  */
    82. Tips.isLoading = false;

    8.main.js

    1. import ble from "./common/util/ble.js";
    2. import tip from "./common/util/tip.js";
    3.  
    4. // ble
    5. Vue.prototype.$ble = ble;
    6. // tip
    7. Vue.prototype.$tip = tip;

  • 相关阅读:
    第5篇 vue的通信框架axios和ui框架-element-ui以及node.js
    用vue2-ace-editor做个代码编辑界面
    Django更改超级用户密码
    记录自签tomcat所用TLS1.2链接所需SSL证书
    05 【动静分离和URLRewrite】
    java通过用户id寻找下级
    STM32H743XX/STM32H563XX芯片烧录一次后，再次上电无法烧录
    Docker查看容器的初始启动命令参数的常见几种方式
    Apache Doris 2.0.0 版本正式发布：盲测性能 10 倍提升，更统一多样的极速分析体验
    Python数据分析与可视化期末简答题复习
  • 原文地址：https://blog.csdn.net/future_1_/article/details/138580287