uni-app怎么实现App端内的全局异常捕获 uni-app错误日志上传系统【实战】

星强小哥_2702

星强小哥_2702

2026-04-10

368人浏览

原创

app端需用uni.onerror和uni.onunhandledrejection捕获js异常,二者须在app.vue的onlaunch中注册;原生崩溃需接入umeng、bugly等sdk,通过插件市场引入原生插件;上报日志须结构化携带上下文,加锁防死循环,并脱敏敏感信息。

uni-app怎么实现app端内的全局异常捕获 uni-app错误日志上传系统【实战】

App端如何捕获未处理的JavaScript异常

uni-app在App端(iOS/Android)无法直接用window.onerrorPromise.catch兜住所有错误,因为原生容器运行环境与Web不同。真正有效的入口是uni.onErroruni.onUnhandledRejection,它们由uni-app框架在App端主动桥接了原生异常通道。

注意:这两个API必须在App.vueonLaunch中注册,延迟注册(比如放到某个页面里)会漏掉冷启动阶段的异常。

  • uni.onError能捕获同步执行错误、throw语句、生命周期钩子内抛出的异常
  • uni.onUnhandledRejection捕获未被catch的Promise拒绝(包括async/await中未try的reject)
  • 不捕获Vue组件渲染错误(如模板语法错、响应式数据访问undefined),这类需配合config.errorHandler(仅H5/小程序生效,App端无效)

为什么uni-app的App端需要额外处理原生层崩溃

JS层异常只是冰山一角。App端真正致命的是原生崩溃(如iOS EXC_BAD_ACCESS、Android NullPointerException),这些完全绕过JS事件系统,uni.onError根本收不到。

解决方案是接入原生SDK:iOS用UMeng+ crashFirebase Crashlytics,Android用buglyfirebase-crashlytics-ndk。uni-app本身不提供原生崩溃采集能力,必须通过uni-app插件市场引入已封装好的原生插件(如uni-crash-report),或自己写原生模块桥接。

uni-app
uni-app

uni-app 是基于 Vue 的跨端开发框架,适合开发 H5、App、小程序、鸿蒙和多端业务应用。

下载
  • 纯JS异常上报不能替代原生崩溃监控,二者必须共存
  • 原生插件需在manifest.json → App模块配置中勾选对应SDK,否则打包后无效果
  • 调试阶段原生崩溃日志只出现在Xcode/Android Studio的Logcat里,不会自动上报

错误日志怎么结构化上传才便于排查

直接把err.messageerr.stack发上去意义有限。真实线上问题往往依赖上下文:用户当前页面、vuex状态、网络类型、设备型号、uni-app版本、是否登录等。

推荐在上报前拼装一个最小但完整的上下文对象,例如:

{
  "timestamp": Date.now(),
  "page": getCurrentPages()[0]?.$route?.path || "",
  "platform": uni.getSystemInfoSync().platform,
  "appVersion": uni.getSystemInfoSync().version,
  "uniVersion": uni.getSystemInfoSync().uniCompileVersion,
  "userInfo": uni.getStorageSync('userInfo') || null,
  "networkType": uni.getNetworkTypeSync?.() || "unknown",
  "error": {
    "message": err.message,
    "stack": err.stack,
    "type": "js_error" // 或 "promise_reject"
  }
}
  • 避免在uni.onError回调里调用异步API(如uni.getStorage),可能触发竞态或失败;应提前缓存关键字段
  • stack字符串过长(尤其带source map时)可能超HTTP请求体限制,建议截断到2000字符以内
  • 敏感字段(如token、手机号)必须脱敏后再上传,严禁明文

如何防止错误上报本身失败导致死循环

上报接口挂了、网络超时、JSON序列化失败……这些都可能触发新的错误,进而再次进入uni.onError,形成上报风暴。

  • 给上报逻辑加单次执行锁:if (uploading) return; uploading = true;,成功或超时后重置
  • 使用uni.request时设置timeout: 3000,并始终监听fail回调,失败时不重试
  • 禁用console.error等副作用操作——它们在某些低端Android机上可能引发额外异常
  • 上线前务必在弱网模拟器(如Android Emulator的Network Speed设为GPRS)下验证上报链路是否静默失败

最麻烦的不是捕获不到错误,而是捕获到了却传不上去,或者传上去的日志缺关键字段。设备信息、页面路径、堆栈这三项,少一个就大概率要多花两小时翻日志找线索。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

uni-app

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
python是前端还是后端
python是前端还是后端

Python属于前端也属于后端,其灵活性和丰富的生态系统使得开发人员能够在不同的领域中灵活运用。本专题为大家提供python相关的文章、下载、课程内容,供大家免费下载体验。

2023.08.11

2023

5

前端如何实现即时通讯
前端如何实现即时通讯

实现即时通讯的方法有WebSocket、Long Polling、Server-Sent Events、WebRTC等等。详细介绍:1、WebSocket,它可以在客户端和服务器之间建立持久连接,实现实时的双向通信,前端可以使用 WebSocket API来创建WebSocket连接,并通过发送和接收消息来实现即时通讯;2、Long Polling,是一种模拟实时通信的技术等等。

2023.10.09

4303

6

前端和后端的区别
前端和后端的区别

前端关注的是用户界面的设计和交互,而后端则注重数据处理和逻辑控制。想了解更多前端后端的相关内容,可以阅读本专题下面的文章。

2024.03.19

5410

13

php和前端的关联介绍
php和前端的关联介绍

php既可以作为前端语言,也可以作为后端语言。想了解更多php和前端的相关内容,可以阅读本专题下面的文章。

2024.03.22

4858

10

前端外包工作内容有哪些
前端外包工作内容有哪些

前端外包工作内容包括:1. 网站和应用程序开发;2. 用户界面和交互设计;3. 用户体验优化;4. 设计和视觉开发;5. 跨浏览器兼容性;6. 性能优化;7. 维护和更新;8. 项目管理和沟通。想了解更多前端的相关内容,可以阅读本专题下面的文章。

2024.05.22

683

5

Aionclaw智能助手介绍
Aionclaw智能助手介绍

本专题汇总了AionClaw(AI龙虾助手)的功能介绍与在线使用入口。AionClaw是杭州趣猿人工智能有限公司推出的桌面级AI智能体,能直接在电脑上读写文件、运行脚本、操作浏览器,自动交付Word、PPT、Excel等成品。

2026.09.20

20

13

AionClaw AI智能体与电脑自动化任务执行功能使用教程
AionClaw AI智能体与电脑自动化任务执行功能使用教程

AionClaw专题整理AI智能体与电脑自动化相关功能使用教程,涵盖安装部署、AI任务执行、Skills技能、文件处理、浏览器控制、电脑操作、持久记忆、聊天工具连接以及办公、编程和内容创作等功能,帮助用户快速掌握AionClaw的实际使用方法。

2026.09.20

0

15

AI视频生成软件推荐
AI视频生成软件推荐

本专题汇总了当前主流的AI视频生成软件推荐与排行榜单,涵盖seko、AniShort、剧云、Lovart、LiblibAI及立刻mv等热门工具。同时整理了各软件在文生视频、图生视频、时长限制、画质表现及免费额度等方面的差异对比,助您快速选对适合创作需求的AI视频生成工具。

2026.09.16

180

9

ai生成视频的工具免费版合集
ai生成视频的工具免费版合集

本专题汇总了当前免费AI生成视频工具的排行榜与推荐清单,涵盖seko、讯飞智作、AniShort及剧云、Lovart等多模型集成平台。同时整理了各工具的免费额度、输出时长、水印政策及适用场景差异,助您快速选择合适工具开启AI视频创作。

2026.09.16

100

10

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
uni-app从入门到实战教程
uni-app从入门到实战教程

共0课时 | 0人学习

uni-app x harmony开发指南
uni-app x harmony开发指南

共0课时 | 0人学习

uni-app鸿蒙运行和发行
uni-app鸿蒙运行和发行

共0课时 | 0人学习