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外掛地址。
- 開啟React Native專案android目錄下的build.gradle檔案。
在allprojects ->repositories裡面配置maven倉地址。
在buildscript->repositories中配置maven倉地址。
在buildscript->dependencies中配置AppGallery Connect外掛地址。
- 新增編譯依賴和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 崩潰服務文件:
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