Loading..
🡩

React Native에서 블루투스 사용하기

2018.10.10 01:38

React Native에서 블루투스 사용하기


사실 React Native는 디바이스를 제어하는 기능을 하기에 효율적인 솔루션은 아닙니다.

기기의 디바이스적인 부분을 건드릴 때는 네이티브 코드로 작성하시는 것이 훨씬 간단하지만,

사정상 React Native를 통해 모두 구현하게 되어, React Native에서 블루투스를 사용하는 과정을 정리해 블로그에 올려봅니다.

우선 라이브러리가 필요합니다.

제가 사용할 라이브러리는 react-native-bluetooth-serial 라는 라이브러리 입니다.

NPM 또는 Yarn을 통해 설치 후, React-Native CLI를 통해 링크해주세요.

저는 Yarn을 이용해 설치하겠습니다.

yarn add react-native-bluetooth-serial
react-native link react-native-bluetooth-serial

그 다음, AndroidManifest.xml에 블루투스 관련 퍼미션을 추가해주세요.

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

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

...

</manifest>


이렇게 설치는 끝났습니다.

그 다음 안드로이드의 경우 사용 전 필요한 작업이 있습니다.

react-native-bluetooth-serial의 java -> RCTBluetoothSerialPackage 클래스에서

23번째 라인의 메소드를 아래와 같이 변경해주세요.

public List<Class<? extends JavaScriptModule>> createJSModules() {
return Collections.emptyList();
}

이렇게 해주시면 사용 가능합니다.

API의 기능은 위 깃에서 확인해주세요.