React Native BLE PLXを使ったBLEデバイスの接続と通信ガイド

npm i react-native-ble-plx  

yarn add react-native-ble-plx  

<manifest xmlns:android="http://schemas.android.com/apk/res/android">     

    ...     

    <!-- Android >= 12 -->    

    <uses-permission android:name="android.permission.BLUETOOTH_SCAN" />    

    <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" /> 

    <!-- Android < 12 -->    

    <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />    

    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30" />    

    <!-- 共通 -->    

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />     

    <!-- アプリケーションが常にBLEを必要とする場合は、この行を追加します。詳細については、        

        https://developer.android.com/guide/topics/connectivity/bluetooth-le.html#permissions      

        を参照してください。-->   

    <uses-feature android:name="android.hardware.bluetooth_le" android:required="true"/>      

    ...   

import { BleManager } from 'react-native-ble-plx';

export const manager = new BleManager();

useEffect(() => {

    const stateChangeListener = manager.onStateChange(state => {

        console.log('onStateChange: ', state);

        if (state === State.PoweredOn) {

            scan();

        }

    });

    return () => {

        stateChangeListener?.remove();

    };

}, [manager]);

useEffect(() => {

    let locationSubscription: EmitterSubscription | null = null;

    

    const addLocationListener = async () => {

        try {

            const subscription = await SystemSetting.addLocationListener(data => {

                console.log('Location: ', data);

                setIsLocationOn(data);

            });

            locationSubscription = subscription;

        } catch (error) {

            console.error('Error adding location listener:', error);

        }

    };

    

    addLocationListener();

}, []);

function scan() {

  manager.startDeviceScan(null, null, (error, device) => {

    if (error) {

      // エラーが発生した場合は、スキャンが自動的に停止します。

      return;

    }

    

    // 広告データや他の基準に基づいて探しているデバイスかどうか確認します。

    if (device.name === 'TI BLE Sensor Tag' || device.name === 'SensorTag') {

      // 一つのデバイスだけを探しているので、スキャンを停止します。

      connect();

      manager.stopDeviceScan();

      

      // 接続処理へ進みます。

    }

  });

}

connect = async () => {  try {  await manager.connectToDevice(deviceId).then(device=>{console.log('デバイスに接続しました:', device.name);  // 接続されたデバイスを扱うためのロジックを追加します。return device.discoverAllServicesAndCharacteristics();}).catch(error => {    // エラー処理  })} catch (error) {console.error('デバイスへの接続中にエラーが発生しました:', error);}}; 

// 特定の読み取りサービスUUIDとキャラクタリスティックUUIDを設定します。

const serviceUUID = 'YOUR_SERVICE_UUID';

const characteristicUUID = 'YOUR_CHARACTERISTIC_UUID';



// キャラクタリスティックから値を読み取る関数

const readCharacteristic = async () => {

    const readData = await manager.ReadCharacteristicForDevice(deviceID, serviceUUID, characteristicUUID)

        .then(readData => {

            console.log("BLEデバイスから読み取ったデータ:", readData);

        })

        .catch(error => {

            console.log("BLEデバイスからのデータ読み取り中にエラーが発生しました:", error);

        });

};

const writeWithoutResponse = async () => {

    await manager.writeCharacteristicWithoutResponseForDevice(deviceID, serviceUUID, characteristicUUID, valueBase64)

        .then(value => {

            console.log('書き込み成功: ', value);

        })

        .catch(error => {

            console.log('書き込み失敗: ', error);

        });

};

// 特定の通知サービスUUIDおよび特性UUIDを仮定const serviceUUID = 'YOUR_SERVICE_UUID';const characteristicUUID = 'YOUR_CHARACTERISTIC_UUID';// デバイスからのデータを監視する関数const monitorCharateristicData= async () => {await manager.monitorCharacteristicForDevice(deviceID, serviceUUID, characteristicUUID).then(value =>{console.log('モニタリング成功: ', value);}).catch(error=>{console.log('モニタリング失敗: ', error);})}

// デバイスから切断する関数const disconnectFromDevice = async () => {await manager.cancelDeviceConnection(deviceID).then(device=>{console.log('切断成功: ', device);}).catch(error=>{console.log('切断失敗: ', error);})}