微信小程序开发引入RUM，实现小程序监控

最新推荐文章于 2024-05-29 09:35:25 发布
最新推荐文章于 2024-05-29 09:35:25 发布
阅读量1.2k 收藏 1
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/angus_17/article/details/126097276
版权
本文介绍了如何在微信小程序开发中引入RUM（Real User Monitoring）产品，通过详细步骤演示了从安装SDK到成功构建、集成及配置的过程，确保小程序性能和质量的监控。
摘要由CSDN通过智能技术生成

在做微信小程序开发过程中，希望对自己小程序的性能，质量有一个更好的把控，因此希望引入RUM产品来做补充，相应产品的链接如下：

前端性能监控RUM_前端监控_页面监控- 腾讯云

一、安装：根据RUM接入指南，可以看到小程序要使用NPM的方式进行SDK安装。

在小程序开发工具当中，调出“调试器”窗口，选择"终端"，添加"终端"，

输入：npm init进行初始化，一直按回车，最后输入yes，此时文件系统中会生成：package.json文件。

然后输入： npm install --save aegis-mp-sdk

安装后，会出现node_modules文件夹，同时package.json中也出现了相应的依赖项

 

二、构建

在微信开发者工具当中，左上角选择“工具”——“构建NPM”。（如果使用的框架，此时可能会报错：没有找到可以构建的 NPM 包，请确认需要参与构建的 npm 都在 `miniprogramRoot` 目录内，或配置 project.config.json 的xxx.）

原因：这是一个使用 Type

最低0.47元/天 解锁文章
七七仔17
关注
微信小程序开发中的数据分析和用户行为监测
m0_75244442的博客
07-07 740
综上所述，数据分析和用户行为监测是微信小程序开发中重要的一部分，通过集成数据分析工具和用户行为监测工具，可以帮助开发者了解用户行为和应用数据，优化用户体验和提升应用性能。用户行为监测是指对用户在小程序中的操作行为进行监测和记录，帮助开发者了解用户行为，从而优化用户体验和提供个性化服务。在小程序中，用户行为监测工具会自动记录用户的点击、滑动、输入等操作行为，开发者可以通过工具提供的界面来查看和分析用户行为数据。在GrowingIO网站上，可以查看用户在小程序中的访问流程，了解用户在小程序中的行为路径。
xbossdebug-wechat-小程序异常监控、性能收集.zip
09-23
应用场景1、监听线上未知错误// 例如：调用错误 var result = {} console.log(result.data.msg) // 抛出错误2、记录用户操作路径，更方便重现错误小程序使用1、引入资源在app.js中加入dist目录下的xbossdebug.min.js，记得放在App对象上面var xbossdebug = require('xbossdebug.min.js') // 引用xbossdebug xbossdebug.config.key = 'maizuo' // key为自定义唯一值，用于后端记录时区分应用 xbossdebug.config.url = 'https://domain.com/'; // 上报服务端地址 // 可选参数 xbossdebug.config.setSystemInfo = true; // 获取系统信息 xbossdebug.config.setLocation = true; // 获取用户位置信息2、测试是否正常使用App({   onLaunch: function () {     xbossdebug.error('error')   } })3、控制台查看network，如果看到一个指向你配置url的请求，那就成功了。// 发送的结构如下 {     key: String // 应用唯一id     breadcrumbs: Array // 函数执行面包线，方便用于错误重现     error: String // 错误堆栈信息     systemInfo: Object // 用户系统信息     notifierVersion: String // 插件版本     locationInfo: Object // 用户位置信息 }高级配置如果你的应用日志量较大，可以通过以下参数合并日志和随机抽样。xbossdebug.config.random = 1 // 默认为1，表示100%上报，如果设置0.5，就会随机上报 xbossdebug.config.repeat = 5 // 重复上报次数(对于同一个错误超过多少次不上报) xbossdebug.config.mergeReport = true, // mergeReport 是否合并上报， false 关闭， true 启动（默认） xbossdebug.config.except = [ /^Script error\.?/, /^Javascript error: Script error\.? on line 0/ ], // 忽略某个错误二次开发1**、安装依赖**// 进入项目目录安装依赖 npm install // 安装rollup，用于js编译打包 npm install -g rollup2、开发模式 （监听代码变化，生成xbossdebug.js）npm run watch3、编译（生成xbossdebug.min.js）npm run build方案设计思想TODO服务端记录数据数据并可视化资源加载监控页面性能监控typescript版本✅自动化单元测试参考资料代码思想参考fundebug，如果大家觉得还不错，希望大家支持fundebug的saas服务。代码风格参考https://github.com/gomeplusFED/GER
支持多种小程序！阿里云ARMS推出小程序监控
测试0901-1
06-17 315
2018年是小程序蓬勃发展的一年，各大公司如腾讯、阿里、百度、头条等都陆续推出了自己的小程序，小程序已成为一个未来必然的趋势、移动互联网的新风口。据数据统计，目前已上线的微信小程序已超过100万，支付宝小程序、钉钉E应用、百度智能小程序、头条小程序等也在不断发力。由于小程序具有：无需下载、触手可及、用完即走、无需卸载的特性，所以用户体验对于小程序来说非常重要，一旦出现小程序卡顿，缓慢和错误，需要及...
谈谈Linux 性能监控
jacky0922的专栏
12-21 799
公司有个测试服务器，上面跑了几个应用和一个DB。 DB被这个几个应用使用。 最近老是被挂掉。 CPU 使用率100%。 搞到最后大家都不能用。 敲个命令都没反应。 TOP命令显示的是一些Oracle session占用CPU资源太多。 杯具的是在服务器上连sqlplus 都进不去了，命令都没反应。 只好把服务器重启了。 重启之后再看了一下，是一个同事测试的SQL 有问题。 一条SQL 占用CPU
小程序性能Performance监控
kiscon的博客
04-27 469
小程序性能监控，getPerformance应用
uniapp微信小程序通过萤石云接入海康摄像机
这个人很懒~
05-15 1905
uniapp微信小程序通过萤石云接入海康摄像机
微信小程序按钮控件设置呈现效果
热门推荐
zfan520的博客
03-10 5万+
1、效果图 在小程序中完成上述布局，需要设置四个按钮位置，控制每个按钮大小、设置按钮背景颜色，设置标题和图标的位置。 2、代码说明 2.1 index.wxml <view class="block"> <!--呈现标题--> <view class="title-bar"> <text>助手功能模块</text&...
【技术分享】基于 Audits 自动生成小程序质量评估报告
weixin_38389696的博客
03-07 1224
作者：吴甜，腾讯云高级工程师背景近年来，随着微信生态不断完善，小程序已成为金融、政务、零售等多个行业加速数字化转型的重要载体，以小程序为载体的多元营销生态日渐成熟。往往需要多团队协助开发，还未上线便带来了以下几个问题：多人协作开发，开发人员技术参差不齐，如何保证交付的小程序质量？体验小程序时，发现页面很卡，用户体验差，需要研发耗费大量时间进行问题排查。优化之后，只能作用一小段时间，随着业务迭代，整体质量又垮掉了。小程序性能差，体验不行，那具体是什么问题导致的？面对这种情况，我们需要对业务所承接的小程序质量进
如何通过监控提升小程序的用户体验？
weixin_38389696的博客
03-03 551
作者：张加浪，腾讯云云监控高级工程师背景“您好！请出示一下您的健康码。”从2020年疫情爆发以来，全国上下均处在疫情防控常态化期间，“健康码”已经成为各地大量人员流动场所进出的重要凭证。全国各地的大街小巷，公共场合，随时随地都要打开健康码，如此大的请求量？如此大的用户数据？是谁在背后为健康码保驾护航呢？真相：健康码在前扑汤蹈火，腾讯云前端性能监控（RUM）在后保驾护航。下列我们将会详细介绍某省健康码如何使用 RUM 实现小程序监控，完成监控覆盖、处理问题和运行保障等。为什么选择 RUM?“客户反馈
rumshot:示例RUM应用程序
06-19
示例RUM应用程序 用法 lein cljsbuild 自动 lein ring server-headless 执照 版权所有 :copyright: 2015 Stephen C. Gilardi 根据 Eclipse 公共许可证分发 1.0 版或（由您选择）任何更高版本。
dataflux-rum-sdk-miniapp:DataFlux rum 小程序sdk
05-24
微信小程序DataFlux RUM 数据采集SDK 通过引入sdk文件，监控小程序性能指标，错误log，以及资源请求情况数据，上报到DataFlux 平台datakit 使用方法 npm 引入(可参考微信官方) const { datafluxRum } = require('@cloudcare/rum-miniapp') // 初始化 Rum datafluxRum.init({ datakitOrigin: 'https://datakit.xxx.com/',// 必填，Datakit域名地址 需要在微信小程序管理后台加上域名白名单 applicationId: 'appid_xxxxxxx', // 必填，dataflux 平台生成的应用ID env: 'testing', // 选填，小程序的环境 version: '1.0.0' // 选填，小程序版本 }) C
微信小程序摄像头监控_微信小程序对接串口摄像头
weixin_42347739的博客
12-24 1955
#_*_ coding:utf-8importserialimporttimeimporttracebackimportpycurlimportrequestsimportioimportjsonimportbase64ser= serial.Serial("/dev/ttyAMA0",115200)print(ser.name)print(ser.port)f=Nonedefmain():pri...
小程序性能监控_通过应用程序性能管理升级监控
danpob13624的博客
04-30 2536
小程序性能监控 APM入门 应用程序性能管理（APM）是对软件应用程序的可用性和性能的监视和管理。 不同的人对这个定义的理解不同，因此本文试图确定APM是什么，包括什么以及为什么对您的业务很重要。 如果要控制应用程序的性能，那么了解您要衡量的内容以及如何在业务环境中解释它就很重要。 什么是应用程序性能管理（APM）？ 随着应用程序从独立应用程序发展到客户端服务器应用程序再到分布式应用程...
uniapp微信小程序接入萤石云监控
最新发布
weixin_52830464的博客
05-29 1675
本文可参考以及登录您的小程序微信公众平台，点击左侧菜单栏，进入设置页，在第三方设置->插件管理->添加插件 中申请ezplayer插件，申请的插件appId为【wxf2b3a0262975d8c2】。
微信小程序嵌入H5页面播放监控webrtc视频流1~2秒画面延迟
weixin_44385447的博客
04-23 2591
微信小程序嵌入H5页面播放webrtc视频流和rtmp视频流监控画面，画面延迟1~2秒，兼容安卓和ios
微信 小程序 js 错误监控
qq_40693662的博客
10-31 554
线上错误一直是一个敏感且严重的问题，所以我们在前端错误监控方面要做好做全。今天将介绍微信小程序自己提供的日志和api 来完成错误的捕获。
同程艺龙小程序性能监控系统的探索与实践
QcloudCommunity的博客
12-11 1066
导语 |近日，云+社区开发者大会（苏州站）圆满落幕。本次开发者邀请了腾讯内部及业内行业大咖就物联网、小程序、微服务等当前互联网领域的热点技术的落地实践问题进行了深度探讨。本文是同程艺龙资...
[猫头虎分享21天微信小程序基础入门教程]第18天：小程序的性能监控与优化
猫头虎：授渔优于赠鱼，兴趣引领智慧，探索之乐尤显珍贵。商务合作：Libin9iOak，共赴知识与乐趣的探索之旅！
05-27 1万+
大家好，我是猫头虎，一名全栈软件工程师。今天我们继续微信小程序的学习，重点了解如何进行性能监控与优化。这些内容对于提升小程序的运行效率和用户体验至关重要。🌟概念详细内容性能监控使用微信开发者工具和进行性能监控网络请求优化使用本地缓存、合并请求减少网络开销渲染性能优化减少初次渲染时间，使用懒加载技术内存使用优化销毁不再使用的组件，优化数据结构通过今天的学习，你应该掌握了如何进行小程序的性能监控与优化。这些技术可以帮助你提升小程序的运行效率和用户体验。明天我们将探讨小程序的插件开发与使用。
mysql @rum
04-09
MySQL是一种开源的关系型数据库管理系统，它是目前最流行的数据库之一。MySQL具有以下特点： ...5. 多语言支持：MySQL支持多种编程语言的接口，如Java、Python、PHP等，方便开发人员进行数据库操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值