React Native에서 Kollus SDK 연동하기

이 게시물은 React Native 환경에서 Android와 iOS 네이티브용 Kollus SDK를 연동하는 방법을 단계별로 설명합니다.

환경 설정

• Android 프로젝트에 .aar 라이브러리 추가 및 build.gradle 설정
• iOS 프로젝트에 프레임워크 추가 및 시스템 라이브러리 설정
• 필요 권한을 AndroidManifest.xml에 등록

네이티브 브릿지 구현

• Android는 Kotlin으로 ReactPackage와 SimpleViewManager 구현
• iOS는 Objective-C 브릿지 선언과 Swift로 UIView 및 ViewManager 구현

Kollus SDK 초기화

• Android와 iOS 모두 애플리케이션 시작 시 SDK 키와 만료일로 인증 처리
• 인증 후 JWT 형식의 콘텐츠 URL을 플레이어에 전달해 재생 시작

React Native 통합

• 네이티브 뷰를 React Native 컴포넌트로 노출하여 Props로 재생 URL 전달