React Native에서 Kollus SDK 연동하기
프론트엔드
React Native에서 Kollus SDK 연동하기
두줄요약
React Native에서 Kollus SDK를 연동하기 위해 Android와 iOS 네이티브 브릿지 구성 방법을 정리했습니다. 또한 SDK 초기화와 영상 재생 URL 전달 흐름까지 단계별로 설명했습니다.
핵심 내용
- React Native에서 네이티브 SDK인 Kollus SDK를 직접 쓰기 어려워 네이티브 브릿지로 Android와 iOS를 연결하는 방식 정리
- Android는 AAR 추가, Gradle·ProGuard·권한 설정 후 Kotlin의 ReactPackage와 SimpleViewManager로 Props 전달과 뷰 등록 구현
- iOS는 프레임워크·라이브러리 추가 후 Objective-C 브릿지와 Swift의 RCTViewManager, UIView 구현으로 videoUrl 속성 연동
- 양쪽 모두 KollusStorage 초기화와 SDK 키·만료일 설정 뒤 JWT 형식 재생 URL로 플레이어 재생 연결
적용해볼 점
- React Native에서 네이티브 기능이 필요한 경우 브릿지 구조와 속성 전달 방식을 먼저 설계
- SDK 초기화, 보안 관련 설정, ProGuard/권한/프레임워크 의존성을 플랫폼별로 분리 관리