码迷,mamicode.com
首页 > 其他好文 > 详细

React Native | 零代码快速集成AGC崩溃服务

时间:2021-01-13 10:56:51      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:user   https   gradle   mave   ash   文档   ima   key   custom   

??华为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/crash

技术图片

4. 测试功能

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

5. 安装应用

命令行中执行 yarn android 安装应用
技术图片

崩溃报告查看

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

1、 选择过去一小时:
技术图片

2、查看崩溃详情堆栈
技术图片

3、查看自定义键值对
技术图片

4、查看自定义日志级别
技术图片

5、查看自定义用户标识
技术图片

参考文档
1、华为AGC 崩溃服务文档:https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-crash-introduction

2、华为AGC-崩溃服务codelab:https://developer.huawei.com/consumer/cn/codelab/CrashService/index.html#0

  3、华为AGC-崩溃服务Demo(React Native):https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Examples/agc-crash-samplecode-reactnative-0000001063369277


原文链接:
https://developer.huawei.com/consumer/cn/forum/topic/0204411862777630380?fid=0101271690375130218
作者:Mayism

React Native | 零代码快速集成AGC崩溃服务

标签:user   https   gradle   mave   ash   文档   ima   key   custom   

原文地址:https://www.cnblogs.com/developer-huawei/p/14262666.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!