React Native | 零代碼快速集成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/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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM