This repo is with added listening (server) functionality.
React Native Bluetooth Classic is meand to bridge the gap found with regards to IOS Bluetooth Classic using the External Accessory framework.
Based off the react-native-bluetooth-serial port, and updated to replace CoreBluetooth (BLE) on IOS with External Accessory.
$ npm install react-native-bluetooth-classic --save
If making or testing custom changes to react-native-bluetooth-classic you'll want to Install locally.
$ git clone https://github.com/kenjdavidson/react-native-bluetooth-classic
With NPM lower than version 5 just running the command npm install file://../
will install correctly. In NPM 5+ this creates a symlink which will stop React Native / Metro from working. In order to resolve this there are two options:
- Manually install the react-native-bluetooth-classic project into node_modules
- Use the following, which will package and install the local project into node_modules. For more information on install-local please see (Install Local)[https://www.npmjs.com/package/install-local].
npm install -g install-local
install-local -S ../react-native-bluetooth-classic
If installing locally, you'll need to perform the local install after each subsequent react-native link. Just be aware of that, if you run react-native link on any future packages, you'll find that the Android project becomes uncompilable (just run the install local command again).
$ react-native link react-native-bluetooth-classic
- In XCode, in the project navigator, right click
Libraries
➜Add Files to [your project's name]
- Go to
node_modules
➜react-native-bluetooth-classic
and addRNBluetoothClassic.xcodeproj
- In XCode, in the project navigator, select your project. Add
libRNBluetoothClassic.a
to your project'sBuild Phases
➜Link Binary With Libraries
- Run your project (
Cmd+R
)<
- Open up
android/app/src/main/java/[...]/MainApplication.java
- Add
import kjd.reactnative.bluetooth.RNBluetoothClassicPackage;
to the imports at the top of the file - Add
new RNBluetoothClassicPackage()
to the list returned by thegetPackages()
method
- Append the following lines to
android/settings.gradle
:include ':react-native-bluetooth-classic' project(':react-native-bluetooth-classic').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-bluetooth-classic/android')
- Insert the following lines inside the dependencies block in
android/app/build.gradle
:implementation project(':react-native-bluetooth-classic')
TODO - but leaving the section here.
- In Visual Studio add the
RNBluetoothClassic.sln
innode_modules/react-native-bluetooth-classic/windows/RNBluetoothClassic.sln
folder to their solution, reference from their app. - Open up your
MainPage.cs
app
- Add
using Bluetooth.Classic.RNBluetoothClassic;
to the usings at the top of the file - Add
new RNBluetoothClassicPackage()
to theList<IReactPackage>
returned by thePackages
method
When setting up the project for contribution follow all the usual Git contribution best practices.
When first building the Android project there were issues with react-native-create-library and the version of Android/Gradle installed on my machine. This needed to be resolved by ensuring that the project was inline with the version of Android Studio and the Android plugin for gradle. In my case, the project was configured with 1.3.1 and 2.2, which caused problems, in order to resolve Android plugin for gradle versions
-
Updated
gradle-wrapper.properties
to modify the line:distributionUrl=https\://services.gradle.org/distributions/gradle-5.1.1-all.zip
-
Updated
build.gradle
to ensure the buildscript section matched the following:
- Added google() to buildscript
- added jcenter() to repositories
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.4.0'
}
}
repositories {
mavenCentral()
google()
jcenter()
}
Much like Android, the IOS project was being edited through the BluetoothClassicExample project by opening files through the RNBluetoothClassic library folder. Since React Native is a peer dependency (and annoying to download and install locally with the changes to NPM5) I just continued to do the development this way, it worked out since it allowed me to test the changes on the fly.
Again - if someone can point me on how to resolve these issues easily, I'd love to get it sorted.
The MIT License (MIT) - see full license file
The BluetoothClassicExample is included within the ./BluetoothClassicExample React Native project.
Import the module using the following:
import RNBluetoothClassic, { BTEvents } from "react-native-bluetooth-classic";
In all cases the following API/Events are available within Javascript for both Android and IOS (no code splitting) if there are any native calls that are not available on the native side, the promise will be rejected with an appropriate message (kind of like UnssupportedOperationException since I'm used to Java) - I found this important as I see no point in duplicating code as the whole purpose of React Native was for me not to.
The following API is available on both Android and IOS (unless specifically stated not). I've done my best to duplciate all the methods available on both, so there should be no need to use Platform or file switching. Each call will return a Promise - for any API calls that aren't supported on a specific environment, they should reject the promise with an 'UnsupportedOperation' error.
Function | Description | Android | IOS |
---|---|---|---|
requestEnabled() | Requests that the environment enables the Bluetooth adapter. | ✅ | ⛔ |
isEnabled() | Resolves true|false based on whether the Platform Bluetooth is enabled. IOS uses the CoreBluetooth framework which might not be the best way to do things (mixing classic with BLE) but it seems to work. | ✅ | ✅ |
list() | Resolves with a list of the currently paired/connected (Android/IOS with MFi protocol respectively) devices. Returns with an empty list if there are none available. | ✅ | ✅ |
discoverDevices() | Resolves to a list of discovered devices. | ✅ | ⛔ |
cancelDiscovery() | Resolves true|false based on whether discovery was cancelled. | ✅ | ⛔ |
pairDevice(deviceId:String) | Resolves with the status of the requested device if paired. Rejects if unable to pair. | ✅ | ⛔ |
unpairDevice(deviceId:String) | Resolves with a list of the unpaired devices. | ✅ | ⛔ |
connect(deviceId:String) | Resolves with the device details if successfully paired. Rejects if the connection is unsuccessful - if already connected the rejection will also disconnect the currently connected device. | ✅ | ✅ |
disconnect() | Resolves true|false based on whether disconnection was successful. | ✅ | ✅ |
isConnected() | Resolves true|false whether a device is currently connected. | ✅ | ✅ |
getConnectedDevice() | Resolves with the currently connected devices, or rejects if there is none. | ✅ | ✅ |
write(message: String) | Writes the provided message to the device. The String should be Base64 encoded. Resovles true when the write completes. | ✅ | ✅ |
readFromDevice() | Resolves with the entire content of the devices buffer, ignoring any delimiters and clearing the buffer when complete. This method should not be used in conjunction with the BTEvent.READ event as it could cause some unexpected behaviour. | ✅ | ✅ |
readUntilDelimiter() | Resovles with the content of the buffer up until the default delimiter. To update the delimiter for the session use setDelimiter(delimiter:String). This method should not be used in conjunction with the BTEvent.READ event as it could cause some unexpected behaviour. | ✅ | ✅ |
readUntilDelimiter(delimiter:String) | Resolves with the content of the buffer up until the provided delimiter. This method should not be used in conjunction with the BTEvent.READ event as it could cause some unexpected behaviour. | ✅ | ✅ |
setDelimiter(delimiter:String) | Sets the new delimiter for future reads/read events and resolves true, resolves with the API to allow for fluent chaining | ✅ | ✅ |
available() | Resolves true|false based on whether data is available. Use in conjunction with the read[until|from] functions. | ✅ | ✅ |
TODO
let enabled = await RNBluetoothClassic.isEnabled();
console.log(`Bluetooth enabled? ${enabled}`);
let devices = await RNBluetoothClassic.list();
console.log(`Available devices: ${devices.length});
TODO
TODO
TODO
TODO
try {
let connectedDevice = await RNBluetoothClassic.connect(device.id);
this.setState({ connectedDevice });
} catch (error) {
console.log(error.message);
}
await RNBluetoothClassic.disconnect();
this.setState({ connectedDevice: undefined });
let connectedDevice = await RNBluetoothClassic.isConnected();
if (connectedDevice) let device = RNBluetoothClassic.getConnectedDevice();
else console.log(`Not currently connected to a device`);
let connectedDevice = await RNBluetoothClassic.getConnectedDevice();
if (connectedDevice)
console.log(`Currently connected to ${connectedDevice.address}`);
else console.log(`Not currently connected to a device`);
let message = this.state.text + "\r"; // Commands should end with \r
await RNBluetoothClassic.write(message);
// Reads all content in the buffer - regardless of delimiter
let message = await RNBluetoothClassic.readFromDevice();
// Delimiter defaults to '\n' without setting manually
let message = await RNBluetoothClassic.readUntilDelimiter();
let message = await RNBluetoothClassic.readUntilDelimiter("~");
await RNBluetoothClassic.setDelimiter("~");
let message = RNBluetoothClassic.readUntilDelimiter();
let available = await RNBluetoothClassic.available();
if (available)
let message = await RNBluetoothClassic.readFromDevice(); // All content or .readUntilDelimiter()
Attaching (and disconnecting) from events can be completed in the componentWillMount
(componentWillUnmount
respectively) using the following:
componentWillMount() {
this.onRead = RNBluetoothClassic.addListener(BTEvents.READ, this.handleRead, this);
}
componentWillUnmount() {
this.onRead.remove();
}
Event | Description | Android | IOS |
---|---|---|---|
BTEvent.BLUETOOTH_ENABLED | When the platform enables the bluetooth adapter. | ✅ | ✅ |
BTEvent.BLUETOOTH_DISABLED | When the platform disables the bluetooth adapter. | ✅ | ✅ |
BTEvent.BLUETOOTH_CONNECTED | When a bluetooth device is connected. The event data contains information regarding the Device which was just connected. Generally a new RNBluetoothModule.list() should be completed at this time. |
✅ | ✅ |
BTEvent.BLUETOOTH_DISCONNECTED | When a bluetooth device is connected. The event data contains information regarding the Device which was just disconnected. Generally a new RNBluetoothModule.list() should be completed at this time. |
✅ | ✅ |
BTEvent.CONNECTION_SUCCESS | When a connection request has been completed. Generally if you're calling RNBluetoothModule.connect() you shouldn't really need to subscribe to these, but if you want to there is not stopping it. |
✅ | ✅ |
BTEvent.CONNECTION_FAILED | When connect() is called but fails. Again it generally isn't required if you're using the Promise version of RNBluetoothModule.connect() |
✅ | ✅ |
BTEvent.CONNECTION_LOST | When an open connection is lost. This occurs when a BluetoothDevice which may have an open connection/stream turns itself off. On Android this will signify an error, but on IOS this could possibly happen if there is no activity. In most cases a BTEvent.BLUETOOTH_DISCONNECTED is also fired, in which case it may be easier to listen to that in order to change status. |
✅ | ✅ |
BTEvent.BLUETOOTH_ENABLED | BTEvent.BLUETOOTH_ENABLED is fired when the platform enables the bluetooth adapter. |
✅ | ✅ |
BTEvent.READ | When new data is available. The current implementation is to publish any number of data in chunks based on the delimiter. For exapmle, if the delimiter is '\n' (default) and data comes in with three messages (three delmited messages) then the client will get three READ events which it should handle. In the future I hope I can move the reading logic from the RNBluetoothModule into an Interface/Protocol so that the client can call custom implementations. |
✅ | ✅ |
BTEvent.ERROR | Any time an error (which is not classified above) occurs. | ✅ | ✅ |
TODO
TODO
TODO
TODO
TODO
TODO
TODO
TODO
TODO