简介
腾讯云前端性能监控 (RUM) 是一站式前端监控解决方案,用户只需要安装 sdk 到自己的项目中,通过简单配置化,即可实现对用户页面质量的全方位守护,真正做到了低成本使用和无侵入监控。前端性能监控专注于 Web,小程序等大前端领域,主要关注用户页面性能(页面测速,接口测速,CDN 测速等)、质量(JS 错误,Ajax 错误等),并且通过联动腾讯云应用性能监控实现对前后端监控一体化的打通。
点击文末"阅读原文" 立即申请体验 RUM。
为什么要有前端监控
作为一名前端开发者,想必你一定遇到过这些问题。
业务报错无处查,用户环境复杂多变,线上问题复现困难。
监控系统众多,往往一个项目内集成了很多上报代码,有时候数据上报代码甚至多余业务代码。
计算首屏没有统一的标准,项目中打了很多点来上报首屏。
API 或者静态资源报错导致页面不可用或出错,开发者无感知。
用户反馈问题,前端查到接口超时或者报错,后端查日志发现没有找到请求。
针对前端开发者最常遇到的疑难病症,腾讯云前端监控给出了简单易用、性能卓越的解决方案。
相较于后端监控,前端监控更贴近于用户,能高效反馈真实用户使用我们产品过程中的体验,于开发者而言,前端监控是聚焦在技术领域的监控产品,对于产品性能质量提升、发现现网问题都是非常重要的工具。
产品特性
01
多平台
目前支持 Web、Hippy、小程序(微信、QQ)、Hippy、Viola 等平台的数据上报,支持无打点首屏测速、资源测速、API 测速、白名单机制、离线日志等特性。
02
无侵入
在使用 SDK 时无需在业务代码中打点或者做任何其他操作,可以做到与业务代码充分解耦。SDK 将会自动监控前端错误,在错误发生时上报错误的具体情况,帮助您快速定位问题。当您开启资源测速时,SDK 将会自动监听页面资源加载情况(耗费时长、成功率等),并在不影响前端性能的前提下收集前端的性能数据,帮助您快速定位性能短板,提升用户体验。
03
低成本
使用腾讯云前端监控,几乎没有学习成本,只要您有过基础的前端知识,就可以放心的使用。
04
功能齐全
腾讯云前端监控目前提供包括监控、告警、日报、报表、白名单配置、数据查询等开发者服务,与企业微信、邮件系统打通,提供及时、快速的消息反馈。
同时提供友好的开发者平台,是专为前端同学设计的一站式项目周期管理、项目监控平台,在此完成项目申请并接入前端 SDK 之后,即可快速查看相关项目数据信息。平台从开发者角度出发,聚焦于发现问题和提高效率,用顺应直觉的交互及直观的图表,帮助您洞悉存在于数据背后的未知。
开始使用
接入一个项目只需 3 分钟,遇到任何困难都可以联系我们。
项目申请
如果您是第一次使用前端监控,首先需要去开发者平台创建一个团队,然后申请项目,获取一个项目唯一的上报 key,该上报 key 是项目的唯一标识,是一串长度为 18 的字符串。
说明:
1. 应用域名校验是为了检验项目上报域名合法性的规则,比如您的页面地址是 `https://app.qq.com`,则这里只需要填写 `app.qq.com` 即可,如果有多个域名也可以填写 `*.qq.com` 或者直接填 `*` 表示域名不需要校验。
2. 抽样率可以控制用户侧性能数据上报的比例,其中 100% 表示不抽样,0% 表示完全不上报性能数据,性能数据包括:页面测速,接口测速和静态资源测速。
3. URL 聚类是指将类似的 url 聚合成为一个,比如 `app.qq.com/user/123/index.html` 和 `app.qq.com/user/456/index.html ` 会聚类成为 `app.qq.com/user/*/index.html `。
安装 SDK
我们为用户提供了两种方式来使用前端监控
使用我们为您提供的 CDN 来使用, 只需要将这段代码放在您项目 html 的 head 里面即可 <script src="https://cdn-go.cn/aegis/aegis-sdk/latest/aegis.min.js"></script>
使用 npm 包的方式(待上线)
初始化 SDK
```javascriptconst aegis = new Aegis({ id: 'pGUVFTCZyewxxxxx' // 前面申请的上报key(必填) uin: 'xxx', // 用户唯一标识(可选) reportApiSpeed: true, // 接口测速 reportAssetSpeed: true, // 静态资源测速 spa: true, // 当前页面是否是 SPA 应用});
如果您有任何疑问,欢迎添加云监控团队微信号,
回复 RUM,进入专属用户群。