uniapp BLE低功耗蓝牙插件 支持安卓 iOS 鸿蒙NEXT 微信小程序

xl-ble插件

概述

本SDK提供了一套完整的蓝牙低功耗(BLE)设备交互接口,采用模块化设计,将功能接口与回调监听分离,便于开发者灵活使用。

  • 支持蓝牙扫描、连接、断开;

  • 支持字节数据、字符串数据写入;

  • 蓝牙状态监听、连接状态监听、数据回传监听、数据写入是否完成监听;

  • 支持GBK编码;

导入

javascript 复制代码
import * as ble from '@/uni_modules/xl-ble';

功能接口说明

扫描设备

javascript 复制代码
// callback: 发现设备回调
ble.startScan((device) => {
  console.log(`发现设备: ${JSON.stringify(device)}`);
});

停止扫描

javascript 复制代码
ble.stopScan();

连接设备

javascript 复制代码
// 参数1: 设备id
// 参数2(可选):指定服务与特征,未指定内部会自动匹配
ble.connect(
  deviceId,
  // {
  // 	seviceUuid: '0000ff00-0000-1000-8000-00805f9b34fb',
  // 	writeUuid: '0000ff02-0000-1000-8000-00805f9b34fb',
  // 	notifyUuid: '0000ff01-0000-1000-8000-00805f9b34fb'
  // },
)

断开设备

javascript 复制代码
ble.disconnect()

写入数据

  • 写入字节数组

    javascript 复制代码
    // 参数为字节数组,需设备支持的指令,这点很重要
    ble.writeBytes([0x10, 0xff, 0x30])
  • 写入字符串

    javascript 复制代码
    // 参数1: 字符串内容,传的字符串需设备支持的指令,这点很重要
    // 参数2(可选): 字符串编码, 默认 "UTF_8" 编码, 传 "GBK" 使用GBK编码
    ble.writeString('ABC')
    ble.writeString('ABC', 'GBK')

设置MTU分包大小

javascript 复制代码
ble.setMtu(100)

蓝牙事件监听

蓝牙状态监听
javascript 复制代码
ble.onBluetoothStatusChanged((isOn) => {
  uni.showToast({
    title: isOn ? "蓝牙已开启" : "蓝牙已关闭",
    icon: 'none'
  });
});
蓝牙连接状态监听
javascript 复制代码
ble.onConnectionStateChange((connectionState) => {
  uni.showToast({
    title: connectionState.msg,
    icon: 'none'
  })
  switch (connectionState.state) {
    case 'connectFail':
				// 连接失败
      break;
    case 'disconnected':
				// 断开连接
      break;
    case 'connected':
      // 断开成功
      break;
  }
});
蓝牙数据回传监听
javascript 复制代码
ble.onDataReceived((data) => {
  let result = String.fromCharCode(...data);
  console.log(`收到蓝牙数据: ${data}`)
  console.log(`收到蓝牙数据转字符串: ${result}`);
});
数据写入是否完成监听
javascript 复制代码
ble.onWriteComplete((isComplete) => {
  console.log(isComplete ? "写入完成" : "写入失败");
})

蓝牙权限

  • 安卓

    html 复制代码
    <uses-permission android:name="android.permission.BLUETOOTH"/>
    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" />
    <uses-permission android:name="android.permission.BLUETOOTH_CONNECT"/>
    <uses-permission android:name="android.permission.BLUETOOTH_SCAN"/>
    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/>
    <uses-permission android:name="android.permission.BLUETOOTH_SCAN" />
  • iOS

    html 复制代码
    <key>NSBluetoothAlwaysUsageDescription</key>
    <string>开启蓝牙</string>
    <key>NSBluetoothPeripheralUsageDescription</key>
    <string>蓝牙</string>
    <key>UIBackgroundModes</key>
    <array>
        <string>bluetooth-central</string>
    </array>

类型定义

设备信息

typescript 复制代码
interface BLEDevice {
  name: string       // 设备名称
  deviceId: string   // 设备唯一标识
  rssi: number       // 信号强度
}

连接配置

typescript 复制代码
interface ConnectOptions {
  serviceUuid: string   // 主服务UUID
  writeUuid: string     // 写入特征UUID
  notifyUuid: string    // 通知特征UUID
  autoConnect?: boolean // 是否自动重连
}

服务信息

typescript 复制代码
interface ServiceAndCharacteristics {
  service: string         // 服务UUID
  characteristics: string[] // 特征值列表
}

连接状态

typescript 复制代码
type ConnectionState = {
  status: 'connected' | 'disconnected' | 'failed'
  message?: string
}
相关推荐
2501_915106321 天前
iOS 抓包工具实战实践指南,围绕代理抓包、数据流抓包和拦截器等常见工具
android·ios·小程序·https·uni-app·iphone·webview
Jyywww1211 天前
Uniapp+Vue3 移动端顶部安全距离
uni-app
2501_915106321 天前
如何在 iOS 设备上理解和分析 CPU 使用率(windows环境)
android·ios·小程序·https·uni-app·iphone·webview
怀君1 天前
Uniapp——苹果IOS离线打自定义基座教程
ios·uni-app
码农客栈1 天前
小程序学习(十二)之命令行创建uni-app项目
学习·小程序·uni-app
敲敲了个代码1 天前
UniApp 的 rpx是什么,跟rem比呢?
前端·javascript·面试·职场和发展·微信小程序·uni-app
雪芽蓝域zzs1 天前
uniapp Vue3 项目中设置 “custom“: true 自定义底部导航栏失败
uni-app
00后程序员张1 天前
iOS 应用加固软件怎么选,从源码到IPA方案选择
android·ios·小程序·https·uni-app·iphone·webview
imHere·1 天前
UniApp + 微信小程序 xr-frame 3D 开发实战指南
微信小程序·uni-app·xr
summerkissyou19871 天前
Android13-蓝牙-发现,配对,连接-例子
android·蓝牙