React Native アプリケーションの統合¶

React Native アプリケーションのメトリクスデータを収集し、アプリケーションのパフォーマンスを可視化して分析します。

読み進め方¶

注意

RUM Headless サービスがすでに有効化されている場合、前提条件は自動的に構成されているため、アプリケーションをすぐに統合できます。

注意

現在の React Native バージョンは、Android および iOS プラットフォームのみをサポートしています。

ユーザーアクセスモニタリング > アプリケーションを作成 > React Native に進みます。
React Native Android と React Native iOS の 2 つのアプリケーションを作成し、Android および iOS プラットフォームからの RUM データをそれぞれ受信します。
各プラットフォームのアプリケーションに対して、対応するアプリケーション名とアプリケーション ID を入力します。
アプリケーションの統合方法を選択します：
- パブリック DataWay：DataKit コレクターをインストールせずに、RUM データを直接受信します。
- ローカル環境へのデプロイ：前提条件を満たした上で、RUM データを受信します。

プロジェクトディレクトリで、ターミナルから以下のコマンドを実行します：

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 リポジトリの URL を設定する必要があります。Plugin と AAR の両方に必要です。設定の詳細は、example の build.gradle を参照してください。

最小限の初期化例については、クイックスタートをご覧ください。

完全な FTMobileConfig パラメータの説明については、SDK 初期化をご覧ください。