React Native 애플리케이션 연동¶

React Native 애플리케이션의 메트릭 데이터를 수집하여 시각화된 방식으로 애플리케이션 성능을 분석합니다.

읽기 경로¶

참고

RUM Headless 서비스가 이미 활성화된 경우, 전제 조건이 자동으로 구성되므로 바로 애플리케이션을 연동할 수 있습니다.

참고

현재 React Native 버전은 Android 및 iOS 플랫폼만 지원합니다.

실제 사용자 모니터링(RUM) > 앱 생성 > React Native 로 이동합니다.
React Native Android와 React Native iOS용으로 각각 두 개의 앱을 생성하여 Android 및 iOS 플랫폼의 RUM 데이터를 개별적으로 수신합니다.
각 플랫폼의 앱에 해당 앱 이름과 앱 ID를 입력합니다.
앱 연동 방식을 선택합니다.
- 공용 네트워크 DataWay: DataKit 수집기 설치 없이 RUM 데이터를 직접 수신합니다.
- 로컬 환경 배포: 전제 조건을 충족한 후 RUM 데이터를 수신합니다.

소스 코드 주소: https://github.com/GuanceCloud/datakit-react-native

데모 주소: https://github.com/GuanceCloud/datakit-react-native/example

프로젝트 경로에서 터미널에 다음 명령어를 실행합니다.

npm install @cloudcare/react-native-mobile

그러면 패키지의 package.json에 다음과 같은 의존성이 추가됩니다.

"dependencies": {
"@cloudcare/react-native-mobile": "[latest_version]",
"..."
}

Android 통합 추가 구성:

Gradle Plugin ft-plugin을 구성하여 앱 시작 이벤트 및 네트워크 요청 데이터, 그리고 Android Native 관련 이벤트(페이지 이동, 클릭 이벤트, Native 네트워크 요청, WebView 데이터)를 수집합니다.
Gradle에 Guance Android Maven 저장소 주소를 함께 구성해야 합니다. Plugin과 AAR 모두 필요하며, 구성 세부 사항은 example의 build.gradle을 참조하세요.

최소 초기화 예시는 빠른 시작을 참조하세요.

전체 FTMobileConfig 매개변수 설명은 SDK 초기화를 참조하세요.