コンテンツにスキップ

React Native SDK 導入


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

参照パス

前提条件

注意

RUM Headless サービスが既に有効になっている場合、前提条件は自動的に設定されているため、アプリケーションを直接導入できます。

アプリケーション導入

注意

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

  1. RUM > アプリ作成 > React Native に進みます。
  2. React Native Android と React Native iOS 用にそれぞれアプリケーションを作成し、Android および iOS プラットフォームからの RUM データを受信します。
  3. 各プラットフォームのアプリケーションに対応するアプリケーション名とアプリケーション ID を入力します。
  4. アプリケーションの導入方法を選択します。

    • パブリック 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 初期化 をご覧ください。

詳細設定へのリンク

高度なシナリオ

よくある質問

フィードバック

このページは役に立ちましたか?