React Native | 零代碼快速集成AGC崩潰服務

  華爲AGC的崩潰服務支持跨平臺,按照文檔整理了個React Native插件集成的文檔,操做其實很是簡單,真是零代碼。有須要的開發者能夠查閱或者自行下載Demo嘗試集成。html

集成步驟

1. 安裝React Native依賴java

npm install -g yarn

在這裏插入圖片描述

2. 開通服務&建立工程react

a) 在AGC建立Android應用並開通崩潰服務,同步開通華爲分析服務
在這裏插入圖片描述android

b) 命令行建立React Native工程npm

npx react-native init rncrashdemo  (rncrashdemo爲工程目錄名稱)

在這裏插入圖片描述

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

將配置文件「agconnect-services.json」添加到React Native項目的android/app目錄下
在這裏插入圖片描述react-native

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

1) 打開React Native項目android目錄下的build.gradle文件。maven

在allprojects ->repositories裏面配置maven倉地址。ide

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

在buildscript->dependencies中配置AppGallery Connect插件地址。
在這裏插入圖片描述

2) 添加編譯依賴和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頁面查看

一、 選擇過去一小時:
在這裏插入圖片描述

二、查看崩潰詳情堆棧
在這裏插入圖片描述

三、查看自定義鍵值對
在這裏插入圖片描述

四、查看自定義日誌級別
在這裏插入圖片描述

五、查看自定義用戶標識
在這裏插入圖片描述

參考文檔
一、華爲AGC 崩潰服務文檔:https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Guides/agc-crash-introduction

二、華爲AGC-崩潰服務codelab:https://developer.huawei.com/consumer/cn/codelab/CrashService/index.html#0

  三、華爲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

相關文章
相關標籤/搜索