React Native | HarmonyOS鸿蒙Next中零代码快速集成AGC崩溃服务

React Native | HarmonyOS鸿蒙Next中零代码快速集成AGC崩溃服务 华为AGC的崩溃服务支持跨平台，按照文档整理了个React Native插件集成的文档，操作其实非常简单，真是零代码。有需要的开发者可以查阅或者自行下载Demo尝试集成。

集成步骤

  1. 安装React Native依赖

    npm install -g yarn

  2. 开通服务 & 创建工程

    a) 在AGC创建Android应用并开通崩溃服务，同步开通华为分析服务

    b) 命令行创建React Native工程

    npx react-native init rncrashdemo （rncrashdemo为工程目录名称）

    c) 在React Native项目中添加配置文件

    将配置文件“agconnect-services.json”添加到React Native项目的android/app目录下

    d) 配置Maven仓地址和AGC插件地址。

    1. 打开React Native项目android目录下的build.gradle文件。

    在allprojects -> repositories里面配置maven仓地址。

    在buildscript -> repositories中配置maven仓地址。

    在buildscript -> dependencies中配置AppGallery Connect插件地址。

    1. 添加编译依赖和AGC插件地址。

    打开React Native项目android/app文件夹下的build.gradle文件，添加插件地址。

  3. 安装插件

    在项目工程目录下，使用如下命令安装crash的插件

    npm install [@react-native-agconnect](/user/react-native-agconnect)/crash

  4. 测试功能

    设置2个按键，1个用来控制崩溃报告上报，另一个点击后调用setUserId设置自定义用户标识，调用setCustomKey设置自定义键值对，调用LogLevel这种自定义日志级别，调用testIt制造崩溃。

  5. 安装应用

    命令行中执行yarn android安装应用

崩溃报告查看

集成完后点击按键制造崩溃并产生自定义报告，可以在AGC页面查看

  1. 选择过去一小时：

  2. 查看崩溃详情堆栈

  3. 查看自定义键值对

  4. 查看自定义日志级别

  5. 查看自定义用户标识

参考文档

  1. 华为AGC 崩溃服务文档：链接

  2. 华为AGC-崩溃服务codelab：链接

  3. 华为AGC-崩溃服务Demo（React Native）：链接


更多关于React Native | HarmonyOS鸿蒙Next中零代码快速集成AGC崩溃服务的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

在HarmonyOS鸿蒙Next中，React Native开发者可以通过华为AppGallery Connect（AGC）的崩溃服务快速集成崩溃监控功能，而无需编写额外代码。AGC崩溃服务能够自动捕获应用中的崩溃信息，并提供详细的崩溃报告，帮助开发者快速定位和解决问题。

集成步骤如下：

  1. 创建AGC项目：首先在华为AppGallery Connect中创建一个项目，并添加你的应用。

  2. 配置React Native项目：在React Native项目的package.json文件中添加[@react-native-agconnect](/user/react-native-agconnect)/crash依赖，并运行npm install或yarn install安装依赖。

  3. 初始化AGC崩溃服务：在React Native项目的入口文件（如index.js）中，导入并初始化AGC崩溃服务。示例代码如下：

    import { AGCrash } from '[@react-native-agconnect](/user/react-native-agconnect)/crash';

AGCrash.enableCrash(true);

  4. 构建并运行应用：使用react-native run-android或react-native run-ios命令构建并运行你的应用。

  5. 查看崩溃报告：在应用运行过程中，如果发生崩溃，AGC崩溃服务会自动捕获崩溃信息，并上传到AppGallery Connect。开发者可以在AGC控制台的“崩溃”页面查看详细的崩溃报告。

通过以上步骤，React Native开发者可以在HarmonyOS鸿蒙Next中零代码快速集成AGC崩溃服务，实现应用的崩溃监控和分析。

更多关于React Native | HarmonyOS鸿蒙Next中零代码快速集成AGC崩溃服务的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在React Native项目中，快速集成AGC（AppGallery Connect）崩溃服务，无需编写代码，只需在AGC控制台启用崩溃服务，并在React Native项目中添加AGC SDK依赖。具体步骤：

  1. 登录AGC控制台，选择你的项目，进入“质量”模块，启用“崩溃”服务。

  2. 在React Native项目的package.json中添加@react-native-agconnect/crash依赖，并运行npm install。

  3. 在index.js中导入并初始化AGC崩溃服务。

这样即可实现零代码快速集成AGC崩溃服务，实时监控应用崩溃情况。

回到顶部