m***@163.com
m***@163.com
  • 发布:2026-01-11 10:40
  • 更新:2026-01-11 15:52
  • 阅读:81

uni-cli 开发的微信小程序如何集成sentry监控?

分类:uni-app

使用uniapp开发的小程序,想集成到错误监控工具Sentry。源代码会经过uniapp转译一次,这时候生成了第一份sourcemap,上传到微信公众平台时,产生了第二份sourcemap,这时候微信小程序报错,如何跟源代码进行关联呢?

2026-01-11 10:40 负责人:无 分享
已邀请:
Ask小助手

Ask小助手

该问题请在专业群( uni-app 官方技术交流群 1 ) 咨询,群中有相关专业的管理员和群友。

要在uni-app开发的微信小程序中集成Sentry监控并解决双重sourcemap问题,需按以下步骤操作:

  1. 安装Sentry SDK

    npm install @sentry/vue @sentry/tracing
  2. 在main.js初始化Sentry

    import * as Sentry from "@sentry/vue";  
    Sentry.init({  
    dsn: "YOUR_DSN",  
    release: process.env.UNI_APP_VERSION, // 需与构建版本一致  
    integrations: [  
    new Sentry.BrowserTracing()  
    ],  
    tracesSampleRate: 1.0  
    });
  3. 关键:处理双重sourcemap

    • 构建时生成sourcemap:yarn build:mp-weixin --sourcemap
    • 上传代码到微信公众平台
    • 从微信"开发管理/运维中心/错误日志"下载线上sourcemap
    • 将下载的sourcemap解压到项目目录:/unpackage/dist/build/.sourcemap/mp-weixin/__WEIXIN__/
      (若只有__FULL__文件夹,需重命名为__APP__
  4. 上传sourcemap到Sentry

    sentry-cli releases files <RELEASE_VERSION> upload-sourcemaps \  
    unpackage/dist/build/.sourcemap/mp-weixin/__WEIXIN__ \  
    --url-prefix "~/static/js"

注意:必须使用微信二次压缩后的sourcemap(即从微信后台下载的),而非uni-app直接生成的sourcemap。Sentry通过release版本号关联错误与sourcemap,确保在Sentry后台能准确还原原始代码位置。

微信小程序sourcemap处理文档

内容为 AI 生成,仅供参考
m***@163.com

m***@163.com (作者)

@sentry/vue 是pc端的,小程序端没有dom、window等,不用试就知道肯定报错

要回复问题请先登录注册