React Native SDK 導入¶
React Native アプリケーションからテレメトリーデータを収集し、アプリケーションパフォーマンスを可視化して分析します。
参照パス¶
- 初回導入:まず クイックスタート をご覧ください。
- 完全導入:引き続きこの記事をお読みください。
- パラメータ詳細:SDK 初期化、RUM 設定、ログ設定、トレース設定 をご覧ください。
- カスタマイズ機能:カスタムタグの使用、データ収集カスタムルール、データ収集マスキング をご覧ください。
- 高度なシナリオ:「高度なシナリオ」グループの該当ページをご覧ください。
- 問題解決:トラブルシューティング をご覧ください。
前提条件¶
注意
RUM Headless サービスが既に有効になっている場合、前提条件は自動的に設定されているため、アプリケーションを直接導入できます。
- DataKit をインストールします。
- RUM コレクター を設定します。
- DataKit をパブリックネットワークからアクセス可能に設定し、IP 地理位置情報データベースをインストール します。
アプリケーション導入¶
注意
現在の 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
プロジェクトディレクトリで、ターミナルから以下のコマンドを実行します。
これにより、パッケージの package.json に以下の依存関係が追加されます。
Android 統合の追加設定:
-
Gradle Plugin ft-plugin を設定し、アプリ起動イベントとネットワークリクエストデータ、および Android Native 関連イベント(ページ遷移、クリックイベント、Native ネットワークリクエスト、WebView データ)を収集します。
-
Gradle に Guance Android Maven リポジトリのアドレスを設定する必要があります。Plugin と AAR の両方に必要です。設定の詳細は、example 内の build.gradle を参照してください。
初期化の説明¶
最小限の初期化サンプルは クイックスタート をご覧ください。
完全な FTMobileConfig パラメータの説明は SDK 初期化 をご覧ください。
詳細設定へのリンク¶
高度なシナリオ¶
- カスタムタグの使用
- データ収集カスタムルール
- データ収集マスキング
- 動的設定
- シンボルファイルのアップロード
- WebView データ監視
- ネイティブと React Native のハイブリッド開発
- Android Resource 手動設定