uniapp藍(lán)牙連接的通用步驟

更新時間：2023年06月29日 11:41:15 作者：簡明教程

這篇文章主要給大家介紹了關(guān)于uniapp藍(lán)牙連接的通用步驟,文中通過實例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

安裝插件

通過手機App中心，搜索并安裝uniapp的藍(lán)牙插件。

初始化藍(lán)牙設(shè)備

在前端Vue組件，初始化藍(lán)牙設(shè)備，并使用uni.openBluetoothAdapter方法開啟藍(lán)牙模塊。這是藍(lán)牙設(shè)備連接的基礎(chǔ)。

// 創(chuàng)建Vue對象
const app = new Vue({
  el: '#app',
  data() {
    return {
      devices: [],
      connectedDevice: null,
      serviceId: "0000ffe0-0000-1000-8000-00805f9b34fb",
      writeCharacteristicId: "0000ffe1-0000-1000-8000-00805f9b34fb",
    }
  },
  methods: {
    // 打開藍(lán)牙
    openBluetooth(){
      uni.openBluetoothAdapter({
        success: () => {
          this.logs.push('開啟藍(lán)牙成功')
          // 立即開始掃描設(shè)備
          this.startScanDevices()
        },
        fail: (res) => {
          this.logs.push(`開啟藍(lán)牙失敗[${res.errCode}]: ${res.errMsg}`)
        }
      })
    }
  }
})

設(shè)備掃描和連接

使用uni.startBluetoothDevicesDiscovery方法掃描附近的藍(lán)牙設(shè)備。在收到設(shè)備列表后，可從列表中選擇要連接的設(shè)備，設(shè)備連接信號管理可以通過uni.onBluetoothDeviceFound函數(shù)進(jìn)行設(shè)置。調(diào)用uni.createBLEConnection方法與所選藍(lán)牙設(shè)備建立連接。連接成功后，獲得設(shè)備服務(wù)列表，并連接所需的服務(wù)和特征。對于不同類型的藍(lán)牙設(shè)備，有不同的連接方式。下面是一個通用的藍(lán)牙設(shè)備連接示例：

// 設(shè)備發(fā)現(xiàn)更新
  onDeviceFound(e) {
    // 掃描到的設(shè)備
    const device = e.devices[0]
    // 判斷是否已存在列表中
    if(!this.deviceIsExist(device.deviceId)) {
      this.devices.push(device)
    }
  },
  // 連接設(shè)備
  connect(deviceId) {
    uni.createBLEConnection({
      deviceId: deviceId,
      success: (res) => {
        this.connectedDevice = res
        // 獲取設(shè)備的服務(wù)列表
        this.getBLEDeviceServices(deviceId)
      },
      fail: (res) => {
        console.log('連接設(shè)備失敗', res)
      }
    })
  },
  // 獲取設(shè)備的服務(wù)列表
  getBLEDeviceServices(deviceId) {
    uni.getBLEDeviceServices({
      deviceId,
      success: (res) => {
        // 打印日志
        this.logs.push('獲取服務(wù)列表成功')
        console.log('設(shè)備服務(wù)列表', res.services)
        // 獲取設(shè)備的特征值
        res.services.forEach(service => {
          if (service.uuid.toUpperCase() == "FFF0") {
            this.getBLEDeviceCharacteristics(deviceId, service.uuid)
          }
        })
      },
      fail: (res) => {
        console.log('獲取服務(wù)列表失敗', res)
      }
    })
  },
  // 獲取設(shè)備的特征值
  getBLEDeviceCharacteristics(deviceId, serviceId) {
    uni.getBLEDeviceCharacteristics({
      deviceId,
      serviceId,
      success: (res) => {
        console.log('設(shè)備特征值列表', res.characteristics)
        // 遍歷特征值，找到所需特征
        res.characteristics.forEach(characteristic => {
          // 打印日志
          console.log('設(shè)備特征值', characteristic)
          if