1. 程式人生 > 實用技巧 >React Native | 零程式碼快速整合AGC崩潰服務

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