React-Native开发鸿蒙NEXT-蓝牙信标读取

.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(37, 41, 51, 1) }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { line-height: 1.5; margin-top: 35px; margin-bottom: 10px; padding-bottom: 5px }
.markdown-body h1 { font-size: 24px; line-height: 38px; margin-bottom: 5px }
.markdown-body h2 { font-size: 22px; line-height: 34px; padding-bottom: 12px; border-bottom: 1px solid rgba(236, 236, 236, 1) }
.markdown-body h3 { font-size: 20px; line-height: 28px }
.markdown-body h4 { font-size: 18px; line-height: 26px }
.markdown-body h5 { font-size: 17px; line-height: 24px }
.markdown-body h6 { font-size: 16px; line-height: 24px }
.markdown-body p { line-height: inherit; margin-top: 22px; margin-bottom: 22px }
.markdown-body img { max-width: 100% }
.markdown-body hr { border-top: 1px solid rgba(221, 221, 221, 1); border-right: none; border-bottom: none; border-left: none; margin-top: 32px; margin-bottom: 32px }
.markdown-body code { border-radius: 2px; overflow-x: auto; background-color: rgba(255, 245, 245, 1); color: rgba(255, 80, 44, 1); font-size: 0.87em; padding: 0.065em 0.4em }
.markdown-body code, .markdown-body pre { font-family: Menlo, Monaco, Consolas, Courier New, monospace }
.markdown-body pre { overflow: auto; position: relative; line-height: 1.75 }
.markdown-body pre>code { font-size: 12px; padding: 15px 12px; margin: 0; word-break: normal; display: block; overflow-x: auto; color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.markdown-body a { text-decoration: none; color: rgba(2, 105, 200, 1); border-bottom: 1px solid rgba(209, 233, 255, 1) }
.markdown-body a:active, .markdown-body a:hover { color: rgba(39, 91, 140, 1) }
.markdown-body table { display: inline-block !important; font-size: 12px; width: auto; max-width: 100%; overflow: auto; border: 1px solid rgba(246, 246, 246, 1) }
.markdown-body thead { background: rgba(246, 246, 246, 1); color: rgba(0, 0, 0, 1); text-align: left }
.markdown-body tr:nth-child(2n) { background-color: rgba(252, 252, 252, 1) }
.markdown-body td, .markdown-body th { padding: 12px 7px; line-height: 24px }
.markdown-body td { min-width: 120px }
.markdown-body blockquote { color: rgba(102, 102, 102, 1); padding: 1px 23px; margin: 22px 0; border-left: 4px solid rgba(203, 203, 203, 1); background-color: rgba(248, 248, 248, 1) }
.markdown-body blockquote:after { display: block; content: "" }
.markdown-body blockquote>p { margin: 10px 0 }
.markdown-body ol, .markdown-body ul { padding-left: 28px }
.markdown-body ol li, .markdown-body ul li { margin-bottom: 0; list-style: inherit }
.markdown-body ol li .task-list-item, .markdown-body ul li .task-list-item { list-style: none }
.markdown-body ol li .task-list-item ol, .markdown-body ol li .task-list-item ul, .markdown-body ul li .task-list-item ol, .markdown-body ul li .task-list-item ul { margin-top: 0 }
.markdown-body ol ol, .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { margin-top: 3px }
.markdown-body ol li { padding-left: 6px }
.markdown-body .contains-task-list { padding-left: 0 }
.markdown-body .task-list-item { list-style: none }
@media (max-width: 720px) { .markdown-body h1 { font-size: 24px } .markdown-body h2 { font-size: 20px } .markdown-body h3 { font-size: 18px } }.markdown-body pre, .markdown-body pre>code.hljs { color: rgba(51, 51, 51, 1); background: rgba(248, 248, 248, 1) }
.hljs-comment, .hljs-quote { color: rgba(153, 153, 136, 1); font-style: italic }
.hljs-keyword, .hljs-selector-tag, .hljs-subst { color: rgba(51, 51, 51, 1); font-weight: 700 }
.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable { color: rgba(0, 128, 128, 1) }
.hljs-doctag, .hljs-string { color: rgba(221, 17, 68, 1) }
.hljs-section, .hljs-selector-id, .hljs-title { color: rgba(153, 0, 0, 1); font-weight: 700 }
.hljs-subst { font-weight: 400 }
.hljs-class .hljs-title, .hljs-type { color: rgba(68, 85, 136, 1); font-weight: 700 }
.hljs-attribute, .hljs-name, .hljs-tag { color: rgba(0, 0, 128, 1); font-weight: 400 }
.hljs-link, .hljs-regexp { color: rgba(0, 153, 38, 1) }
.hljs-bullet, .hljs-symbol { color: rgba(153, 0, 115, 1) }
.hljs-built_in, .hljs-builtin-name { color: rgba(0, 134, 179, 1) }
.hljs-meta { color: rgba(153, 153, 153, 1); font-weight: 700 }
.hljs-deletion { background: rgba(255, 221, 221, 1) }
.hljs-addition { background: rgba(221, 255, 221, 1) }
.hljs-emphasis { font-style: italic }
.hljs-strong { font-weight: 700 }

React-Native开发鸿蒙NEXT-蓝牙信标读取

原创 悬空八只脚 悬空八只脚 2024年11月12日 09:46 江苏

项目中用到了ble蓝牙，应用启动后开始定时轮询周边蓝牙设备，根据读取到的数据判断是否是后台绑定的蓝牙设备，并返回给RN端做业务处理。

关于使用前蓝牙权限请求可以参考之前的文章，申请"ohos.permission.ACCESS_BLUETOOTH"权限。

React-Native开发鸿蒙NEXT-权限处理

悬空八只脚，公众号：悬空八只脚React-Native开发鸿蒙NEXT-权限处理

根据业务需要，RN端比较简单，仅仅在app启动判断获取到蓝牙权限后，触发ArkTS端的定时器，开始进行蓝牙扫描，在ArkTS端对扫描到的蓝牙设备进行过滤与数据处理，将最终结果传给RN。

RN端创建BluetoothTurboModule.tsx，仅提供开启/关闭轮询的方法，以及立即触发单次蓝牙查询。

BluetoothTurboModule.tsx

import {TurboModule, TurboModuleRegistry} from 'react-native';
export interface SpecBluetoothTurboModule extends TurboModule {
  startTimer(seconds: number): void;
  stopTimer(): void;
  query(): void;}
export default TurboModuleRegistry.getEnforcing<SpecBluetoothTurboModule>(  'BluetoothTurboModule',);

再来看下ArkTS端的处理。ArkTS端主要处理都在BluetoothTurboModule.ets中完成。包括开启与关闭定时器，进行蓝牙搜索。核心是利用"@kit.ConnectivityKit"类来实现蓝牙搜索操作，通过绑定"BLEDeviceFind"来获取并处理搜索到蓝牙设备。

在使用过程中，发现一个问题，在最新的Ohos_sdk_public 5.0.0.71 (API Version 12 Release)这个版本上，我这的蓝牙硬件设备返回的name字段成了"",但在上个版本的sdk中还是可以正常返回的。不清楚是否是sdk的问题。如果需要使用到name字段来过滤蓝牙列表的同学需要注意下。

/*
 * Copyright (c) Huawei Technologies Co., Ltd. 2023-2023. All rights reserved.
 */

import { TurboModule } from '@rnoh/react-native-openharmony/ts';
import emitter from '@ohos.events.emitter';
import { preferences } from '../entryability/EntryAbility'
import { BusinessError } from '@ohos.base';
import {BluetoothBean} from '../model/DataModel'
import { ble } from '@kit.ConnectivityKit';
import ConstUtil from '../utils/ConstUtil'
export interface TurboModuleEventData {
  param: string
}

export class BluetoothTurboModule extends TurboModule {
 _bluetoothTimer:number = -1;

  query() {
    try {
      ble.stopBLEScan();
      console.info('BLEDeviceQuery');
      // 可以使用蓝牙名称来对蓝牙进行过滤，减少搜索到的蓝牙数量
      let scanFilter: ble.ScanFilter = {
        // name:"XXXXX",
      };
      let scanOptions: ble.ScanOptions = {
        interval: 2000,
        dutyMode: ble.ScanDuty.SCAN_MODE_LOW_POWER,
        matchMode: ble.MatchMode.MATCH_MODE_AGGRESSIVE
      }
      ble.startBLEScan([scanFilter],scanOptions);
      console.info('ble.startBLEScan');
    } catch (err) {
      console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
      //errCode: 2900003, errMessage: BusinessError 2900003: Bluetooth switch is off.
    }
  }

  startTimer(seconds: number) {
    console.log("startTimer from BluetoothTurboModule: " + seconds);
    try {
      ble.off('BLEDeviceFind', this.onReceiveEvent);
      ble.on("BLEDeviceFind", this.onReceiveEvent);
    } catch (err) {
      console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
      //errCode: 2900003, errMessage: BusinessError 2900003: Bluetooth switch is off.
    }
    if(seconds > 0){
      this._bluetoothTimer = setInterval(() => {
        console.log('do every ' + seconds * 1000 + 's');
        this.query();
      }, seconds * 1000);
    }
  }

  stopTimer() {
    console.log("stopTimer from BluetoothTurboModule: ")
    if(this._bluetoothTimer != -1){
      clearInterval(this._bluetoothTimer);
    }
    try {
      ble.stopBLEScan();
    } catch (err) {
      console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }
  }

  onReceiveEvent(data: Array<ble.ScanResult>) {
    console.info('BLE scan device find result = '+ JSON.stringify(data));
    let _bleArray:Array<BluetoothBean> = [];
    if(data == null || data.length == 0){
      // 未扫描到蓝牙
      // 发送给Index.ets，通过Index发送给RN
      emitter.emit(ConstUtil.event_id_ble_scan_result,{data:_bleArray});
    }else{
      // 扫描到蓝牙设备
      let _bleArray:Array<BluetoothBean> = [];
      data.forEach((object:ble.ScanResult)=>{
        if(object.data && object.data.byteLength > 0){
            // 这里添加对蓝牙数据的处理，如获取uuid，major,minor。。。。。。
        }
      });
      // 发送给Index.ets，通过Index发送给RN
      emitter.emit(ConstUtil.event_id_ble_scan_result,{data:_bleArray});
    }
    try {
      ble.stopBLEScan();
    } catch (err) {
      console.error('errCode: ' + (err as BusinessError).code + ', errMessage: ' + (err as BusinessError).message);
    }
  }
}

---

微信扫一扫

关注该公众号悬空八只脚