Flutter开发 -sentry的扩展使用二（将截图进行base64转换后上传到sentry，动态获取app版本信息)

最新推荐文章于 2025-09-24 12:38:28 发布

CodingFire

最新推荐文章于 2025-09-24 12:38:28 发布

阅读量408

点赞数

CC 4.0 BY-SA版权

分类专栏： Flutter实用开发技巧合集文章标签： flutter sentry 上传图片 sentry扩展 sentry使用

本文链接：https://blog.youkuaiyun.com/CodingFire/article/details/109727983

Flutter实用开发技巧合集专栏收录该内容

34 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在Flutter应用中将截图转换为Base64字符串并上传到Sentry，同时动态获取本地App版本信息。通过在Sentry上传错误时填充版本号，确保能准确获取到运行时的版本信息，提升问题排查效率。

上一篇讲解了截图和保存图片的方法，这篇博客将对图片转base64和上传sentry，以及动态获取本地app版本号的方法做讲解。

首先来看下代码部分：

对图片做base64处理：

Future<String> base64Img() async {
   
   
  try {
   
   
    RenderRepaintBoundary boundary =
    imgKey.currentContext.findRenderObject

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CodingFire

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

订阅专栏

Flutter开发 -sentry的扩展使用一（截图保存到本地)

CodingFire的博客

11-12

664

上一篇博客中讲解了sentry的基本使用，文后提到了sentry的扩展使用，关于异常上报的同时截图进行上传。要知道，在iOS或者安卓中截屏是一件很困难的事，涉及到的权限根本绕不过去，但是却可以通过绘制的方式拿到截屏，考虑到代码的一致性，降低iOS和安卓的开发，所以选择在flutter中对屏幕进行截屏。图片的上传推荐两种方式： 1.通过接口上传到oss云服务器中，但相对的可能会有很多异常，导致服务器存储大量无用的图片，但也可以通过一定的方式定期清理； 2.通过将图片进行base64编码字符串，通过sent

Flutter开发 - flutter异常上报方案，sentry的用法

CodingFire的博客

11-10

1683

在原生App中，我们用来监听异常和崩溃的工具有很多，主流的有Bugly，友盟等等。而在flutter中，异常的监听就没那么容易了，好在官方提供了一个插件供我们使用，这就是sentry，关于sentry的用法，但是官方没有解释太详细，网上资料也不多，但也能找到，不过有些写的比较简单，没有详细解释原因，所以在使用过程中难免要走不少的弯路。今天博主就把sentry的使用方法略加详细的介绍一下，还有一些扩展的用法； 1.首先sentry的使用需要先搭建自己的私服，这个可能需要后端的小伙伴来帮忙部署； 2.搭建成功

参与评论您还未登录，请先登录后发表或查看评论

sentry-webhooks:Sentry 的扩展，允许创建各种网络钩子

06-23

sentry-webhooks Sentry 的扩展，增加了对创建各种网络钩子的支持。此扩展现在捆绑为 Sentry 7.3.0 的一部分，不再维护安装通过pip安装包： pip install sentry-webhooks 您现在可以通过项目中的插件配置面板配置 webhooks。回调接收器每当有新事件时，您的回调都会收到 POST 请求，其中包含以下 JSON 数据： { "id": "27379932", "project": "project-slug", "project_name": "Project Name", "culprit": "raven.scripts.runner in main", "level": "error", "url": "https://app.getsentry.com/getsentry/proj

Flutter错误处理：异常捕获与上报全指南

最新发布

gitblog_00307的博客

09-24

512

在Flutter应用开发中，错误处理是确保应用稳定性和用户体验的关键环节。据Flutter团队统计，未处理的异常导致70%以上的应用崩溃事件，而完善的错误处理机制可将线上崩溃率降低90%以上。本文将系统讲解Flutter异常处理的完整流程，从基础的try-catch到高级的错误监控平台集成，帮助开发者构建健壮的错误防御体系。 ## 异常处理基础架构 Flutter错误处理体系基于Dart语言的...

三、前端监控之Sentry的介绍

michael的博客

08-28

2688

这么做就是为了智能地帮助我们组合关联的日志信息，减少人工的日志信息的提取工作量，关注一个 issue 首先关注这些聚合的事件。Sentry 还有有很多亮点，比如：敏感信息过滤，release版本跟踪，关键字查找，受影响用户统计，权限管理等（部分可能需要我们通过代码提供内容）可以通过 Sentry 进行问题分配与跟踪。拿JS举例，不仅仅收集详细的用户设备信息，而且记录了用户的操作行为，通过点击了XX按钮，导致的报错。：Sentry 不仅丰富还规范了上下文的内容，也让我们意识到更多的有效内容，提高日志的质量。

Flutter屏幕截图

寒江

08-04

1916

Flutter截取屏幕信息并保存为图片在Flutter中，可以通过将需要截取的内容使用RepaintBoundary包裹起来，并设置一个GlobalKey，使用此global key获取要截取内容的渲染对象，调用其toImage方法，转换成ByteData类型的数据，并最终转化为Uint8List类型。 RenderRepaintBoundary boundary = _globalKey.currentContext.findRenderObject(); var dpr = window.devi

screenshot:Flutter屏幕截图库

05-22

截屏一个简单的插件，可将小部件捕获为图像。该插件将您的小部件包装在入门这个方便的插件可用于捕获所有小部件，包括全屏屏幕截图和单个小部件，例如Text（）。创建截图控制器的实例 class _MyHomePageState extends State < MyHomePage> { int _counter = 0 ; Uint8List _imageFile; //Create an instance of ScreenshotController ScreenshotController screenshotController = ScreenshotController (); @override void initState () { // TODO: implement initState super . initStat

Flutter开箱即用一站式解决方案

weijia1234567的博客

04-27

926

🌟 简介本库为Flutter应用开发提供一站式解决方案，包含：可定制的主题系统完整的国际化支持企业级网络请求封装企业级日志体系封装 N+高质量常用组件常用开发工具及扩展集合刷新列表一整套解决方案开箱即用的通用各类弹窗全局统一各状态布局特性 🎨 主题系统：通过 ThemeExtension 全局配置颜色/圆角/间距等样式 🌍 国际化支持：内置中英文，支持自定义文本和动态语言切换 ⚡ 优先级覆盖：支持全局配置 + 组件级参数覆盖 📱 自适应设计：完美适配 iOS/Materia

即将开源|Flutter页面线上性能数据不再是谜

闲鱼技术的博客

10-22

1422

事出有因——为什么要做Flutter性能监控移动端APM其实已经是一个很成熟的命题了，在Native世界这些年的发展中，曾经诞生过很多用于监控线上性能数据的SDK。但是由...

Python, Java开发出境旅游注意事项回答应用APP

2501_90802096的博客

03-28

869

category ENUM('签证','海关','安全','健康','文化','其他') NOT NULL,| 优化测试 | 9-10周 | 通过ISO27001安全认证 || 高级功能 | 7-8周 | 集成AR翻译/紧急呼叫 |1. **跨平台支持**：Flutter（可选iOS扩展）| 多语言支持 | 3-4周 | 实现中英日三语切换 || 核心框架 | 1-2周 | 完成基础问答功能 || 离线功能 | 5-6周 | 完成数据同步机制 |5. **错误追踪**：Sentry/Bugly。

Sentry SDK for Dart and Flutter 使用教程

gitblog_00005的博客

06-16

632

Sentry SDK for Dart and Flutter 是一个用于 Dart 和 Flutter 应用程序的错误跟踪和性能监控工具。它可以帮助开发者实时捕获和分析应用程序中的错误，从而快速定位和修复问题。Sentry SDK 支持多种 Dart 和 Flutter 库，如 `sentry_flutter`、`sentry_logging`、`sentry_dio` 等，提供了丰富的功能和灵...

在 Flutter 使用 Sentry 收集错误

会煮咖啡的猫咪

07-05

469

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wiGuETMu-1625436875856)(https://ducafecat.tech/2021/07/05/translation/error-reporting-using-sentry-in-flutter/2021-07-05-06-05-28.png)] 猫哥说这个 Sentry 是一个错误收集平台方案，个人项目是免费的。现在针对 Flutter 已经很成熟，可以同时收集 Dart、Flutter、原生端的错误

Flutter 截图、QQ分享、微信分享、微博分享

01-21

Flutter 截图、QQ分享、微信分享、微博分享

flutter_screenshot_callback:Flutter插件，可让您检测移动屏幕截图并在iOS和Android上执行回调函数。 :rocket:

05-05

屏幕截图回调 Flutter插件，可让您检测移动屏幕截图并在iOS和Android上执行回调函数。 :rocket: ••• ！用法导入包裹要使用此插件，请按照。使用插件将以下导入添加到您的Dart代码中： import 'package:screenshot_callback/screenshot_callback.dart' ; 使用所需的范围初始化ScreenshotCallback： ScreenshotCallback screenshotCallback = ScreenshotCallback (); addListener 然后调用ScreenshotCallback addListener方法。添加检测屏幕截图后要执行的自定义功能。例如： screenshotCallback. addListener (() { //Void funtions are

flutter 截图功能（截取控件）

weixin_44911775的博客

11-28

1307

【代码】flutter 截图功能（截取控件）

使用 Screenshots 轻松捕捉和美化你的 Flutter 应用截图

gitblog_00094的博客

05-25

622

使用 Screenshots 轻松捕捉和美化你的 Flutter 应用截图项目简介 Screenshots 是一个强大的命令行工具，专为 Flutter 设计，用于自动化捕获应用的屏幕快照，并对其进行处理，如添加状态栏、设备边框等。它将 Fastlane 的 Snapshots、Screengrab 和 FrameIt 功能结合在一起，让你无论在 iOS 还是 Android 上都能轻松完成截图...

Flutter项目的sentry上报

qq_32146551的博客

02-18

651

Mac 搭建 Sentry Sentry 为我们提供应用程序的错误跟踪，使我们能够快速定位到错误所在的文件和行号。以下是官网支持语言和框架的部分截图：准备工作自 2020 年 12 月 4 日起，Sentry 默认使用 Python 3。 Sentry 21.1.0 之后的版本不在支持 Python2。 Python 3 Docker 20.10.6 Sentry 21.5.1 安装 Python 3 安装方式可在Python 官网下载最新的安装包，也可以使用 brew 方式.

探索 Flutter 截图新纪元 —— “Screenshot” 开源项目深度解析

gitblog_00559的博客

08-29

1157

探索 Flutter 截图新纪元 —— “Screenshot” 开源项目深度解析在数字化时代，捕捉应用界面的精彩瞬间变得尤为重要。对于Flutter开发者来说，【Screenshot】这一精巧的库无疑为截图功能的实现带来了前所未有的便捷性。本文将带你深入了解这个项目，探讨它的技术内核，应用场景以及独特特性，帮助你在开发中轻松实现高质量的截图功能。项目介绍【Screenshot】是一个简洁而...

Flutter Screenshot使用指南：轻松捕获Widget为图片

smileKH的博客

07-28

1623

screenshot是一个Flutter插件，它提供了一个简单的方法来捕获任何Widget为图片，包括那些未渲染在屏幕上的Widget。