devbox
小蓝xlanll
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

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

作者：小蓝xlanll | 2024-05-15 15:36:28

赞

踩

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

 1.获取蓝牙列表  bleList.vue

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

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

  1. <script>
  2. export default {
  3.   data() {
  4.     return {
  5.       bluInfo: {},
  6.       services: [],
  7.       bleServiceId: "",
  8.       serviceId: 0,
  9.       writeCharacter: false,
  10.       readCharacter: false,
  11.       notifyCharacter: false,
  12.       BLEInformation: {
  13.         serveiceId: "",
  14.         config_write_char_id: "",
  15.         cmd_write_char_id: "",
  16.         config_read_char_id: "",
  17.         cmd_read_char_id: "",
  18.       },
  19.     };
  20.   },
  21.   onLoad(option) {
  22.     // 接收页面传递的数据
  23.     this.bluInfo = JSON.parse(decodeURIComponent(option.info));
  24.     this.bluetooh(this.bluInfo.info.deviceId);
  25.   },
  26.   methods: {
  27.     bluetooh(deviceId) {
  28.       var that = this;
  29.       that.$ble.stopBluetoothDevicesDiscovery();
  30.       that.$ble.createBLEConnection(
  31.         deviceId,
  32.         (res) => {
  33.           that.getSeviceId(deviceId);
  34.         },
  35.         (err) => {
  36.           console.log(err);
  37.           that.bluetoothFail();
  38.         }
  39.       );
  40.     },
  41.     // 连接成功后保存连接状态
  42.     getSeviceId(deviceId) {
  43.       var that = this;
  44.       that.$ble.getBLEDeviceServices(
  45.         deviceId,
  46.         (res) => {
  47.           that.services = res.services;
  48.           that.bleServiceId = res.services[0].uuid;
  49.           this.BLEInformation.serveiceId = res.services[0].uuid;
  50.           that.getCharacteristics(deviceId);
  51.         },
  52.         (err) => {
  53.           console.log(err);
  54.           that.bluetoothFail();
  55.         }
  56.       );
  57.     },
  58.     getCharacteristics(deviceId) {
  59.       var that = this;
  60.       var list = that.services;
  61.       var num = that.serviceId;
  62.       var write = that.writeCharacter;
  63.       var read = that.readCharacter;
  64.       var notify = that.notifyCharacter;
  65.       that.$ble.getBLEDeviceCharacteristics(
  66.         deviceId,
  67.         that.bleServiceId,
  68.         (res) => {
  69.           for (var i = 0; i < res.characteristics.length; ++i) {
  70.             var properties = res.characteristics[i].properties;
  71.             if (!notify) {
  72.               if (properties.notify) {
  73.                 notify = true;
  74.               }
  75.             }
  76.             if (!write) {
  77.               if (properties.write) {
  78.                 this.BLEInformation.config_write_char_id =
  79.                   res.characteristics[2].uuid;
  80.                 this.BLEInformation.cmd_write_char_id =
  81.                   res.characteristics[0].uuid;
  82.                 write = true;
  83.               }
  84.             }
  85.             if (!read) {
  86.               if (properties.read) {
  87.                 this.BLEInformation.config_read_char_id =
  88.                   res.characteristics[3].uuid;
  89.                 this.BLEInformation.cmd_read_char_id =
  90.                   res.characteristics[1].uuid;
  91.                 read = true;
  92.               }
  93.             }
  94.           }
  95.           if (!write || !notify || !read) {
  96.             num++;
  97.             (that.writeCharacter = write),
  98.               (that.readCharacter = read),
  99.               (that.notifyCharacter = notify),
  100.               (that.serviceId = num);
  101.             if (num == list.length) {
  102.               // console.log("找不到该读写的特征值")
  103.               that.bluetoothFail();
  104.             } else {
  105.               that.getCharacteristics(deviceId);
  106.             }
  107.           } else {
  108.             that.bluetoothSuccess(res);
  109.           }
  110.         },
  111.         (err) => {
  112.           console.log(err);
  113.           that.bluetoothFail();
  114.         }
  115.       );
  116.     },
  117.     // 蓝牙连接打印机
  118.     bluetoothSuccess(res) {
  119.       uni.setStorageSync("blefiInfo", this.BLEInformation);
  120.       let params = {
  121.         title: "连接成功",
  122.         confirmText: "继续",
  123.         showCancel: false,
  124.       };
  125.       this.$tip.showModal(params, (res) => {
  126.         if (res.confirm) {
  127.           // 蓝牙连接成功
  128.           this.$tip.redirectTo("/pages/ble/bleWifi");
  129.         }
  130.       });
  131.     },
  132.     bluetoothFail() {
  133.       // 蓝牙连接失败
  134.       this.$tip.redirectTo("/pages/ble/bleFail");
  135.     },
  136.   },
  137. };
  138. </script>
  139.  
  140. <style scoped>
  141. .zai-box {
  142.   padding: 0;
  143.   margin: 0;
  144.   height: 100%;
  145.   background-color: #fff;
  146. }
  147.  
  148. .container {
  149.   padding: 30rpx;
  150.   margin: 0;
  151.   font-size: 28rpx;
  152.   color: #20212b;
  153.   background-color: #fff;
  154.   text-align: left;
  155.   font-weight: 400;
  156. }
  157.  
  158. image {
  159.   width: 362rpx;
  160.   height: 362rpx;
  161.   margin-top: 30rpx;
  162. }
  163.  
  164. .textTitle {
  165.   display: block;
  166.   font-size: 36rpx;
  167.   font-weight: bold;
  168.   color: #20212b;
  169.   display: block;
  170.   margin-bottom: 30rpx;
  171. }
  172.  
  173. .textItem {
  174.   display: block;
  175.   font-size: 24rpx;
  176.   font-weight: 400;
  177.   color: #999999;
  178.   line-height: 36rpx;
  179. }
  180. </style>

3. 蓝牙连接WiFi  bleWifi.vue

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

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

  1. <script>
  2. export default {
  3.   onLoad() {
  4.       // 使用完成后在合适的时机断开连接和关闭蓝牙适配器
  5.       this.$ble.closeBLEConnection(this.deviceId);
  6.       this.$ble.closeBluetoothAdapter();
  7.   },
  8. };
  9. </script>

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;

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/573600
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号