跳转至

React Native 应用接入


通过收集 React Native 应用的指标数据,以可视化方式分析应用性能。

阅读路径

前置条件

注意

若已开通 RUM Headless 服务,前置条件已自动配置,可直接接入应用。

应用接入

注意

当前 React Native 版本暂只支持 Android 和 iOS 平台。

  1. 进入用户访问监测 > 新建应用 > React Native
  2. 分别为 React Native Android 和 React Native iOS 创建两个应用,以便分别接收来自 Android 和 iOS 平台的 RUM 数据;
  3. 为每个平台的应用输入对应的应用名称和应用 ID;
  4. 选择应用接入方式:

    • 公网 DataWay:直接接收 RUM 数据,无需安装 DataKit 采集器。
    • 本地环境部署:满足前置条件后接收 RUM 数据。

安装

源码地址https://github.com/GuanceCloud/datakit-react-native

Demo 地址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,采集 App 启动事件和网络请求数据,以及 Android Native 原生相关事件(页面跳转、点击事件、Native 网络请求、WebView 数据)。
  • 需要同时在 Gradle 中配置 观测云 Android Maven 仓库地址,Plugin 和 AAR 都需要,配置细节可参考 example 中的 build.gradle

初始化说明

最小初始化示例请阅读 快速开始

完整 FTMobileConfig 参数说明请阅读 SDK 初始化

详细配置入口

高级场景

常见问题

文档评价

文档内容是否对您有帮助? ×