Flutter平台 | 零代码快速集成AGC崩溃服务

华为AGC的崩溃服务支持跨平台，按照文档整理了个Flutter插件集成的文档，有需要的开发者可以参考或者自行下载Demo研究。

集成步骤

1. 安装flutter环境

a) 下载Flutter sdk包，地址：https://flutter.dev/docs/get-started/install/windows

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021011316231959.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

将压缩包解压到任意文件夹。

b) 将flutter命令文件添加到环境变量中。

c) 在Android Studio中下载Flutter和Dart插件

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162323761.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

2. 开通服务&创建工程

a) 在AGC创建Android应用并开通崩溃服务，同步开通华为分析服务

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162329592.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

b) 在Android Studio中新建Flutter工程

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021011316233394.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

c) 将agconnect-services.json文件放入Android/app目录下

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162336534.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

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

打开Flutter项目android文件夹下的build.gradle文件。

在allprojects ->repositories里面配置maven仓地址。

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

在buildscript->dependencies中配置AppGallery Connect插件地址。

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162342541.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

添加编译依赖和AGC插件地址。

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162353831.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

打开Flutter项目android/app文件夹下的build.gradle文件，添加插件地址。

3. 集成SDK

在pubspec.yaml文件中添加崩溃服务的pub依赖

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162358843.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

然后点击Pub get进行同步

同步完后可以查看库文件已经下载好。

4. 测试功能

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

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162413289.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA,size_16,color_FFFFFF,t_70)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162417261.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA,size_16,color_FFFFFF,t_70)

5. 打包

与Android相同，只需要在Android Studio中点击运行即可
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162421510.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

崩溃报告查看

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

1、选择过去一小时：

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162425381.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

2、查看崩溃详情堆栈

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162429952.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

3、查看自定义键值对

![在这里插入图片描述]( https://img-blog.csdnimg.cn/202101131624330.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

4、查看自定义日志级别

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021011316243728.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

5、查看自定义用户标识

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162440940.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

6、生成mapping文件上传解析混淆的崩溃报告：

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162444439.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210113162450886.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

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

　华为AGC-崩溃服务Demo（Flutter）：https://developer.huawei.com/consumer/cn/doc/development/AppGallery-connect-Examples/agc-crash-samplecode-flutter-0000001063259621
　

原文链接：
https://developer.huawei.com/consumer/cn/forum/topic/0201406649478310278?fid=0101271690375130218&pid=0301406649478310211
作者：Mayism

posted @ 2021-01-13 16:40 华为开发者论坛阅读(1232) 评论(0) 收藏举报

刷新页面返回顶部