免费下载案例集|20+数字化领先企业人才培养实践经验 了解详情
写点什么

支持多种小程序!阿里云 ARMS 推出小程序监控

  • 2019-02-19
  • 本文字数:2379 字

    阅读完需:约 8 分钟

支持多种小程序!阿里云ARMS推出小程序监控

2018 年是小程序蓬勃发展的一年,各大公司如腾讯、阿里、百度、头条等都陆续推出了自己的小程序,小程序已成为一个未来必然的趋势、移动互联网的新风口。据数据统计,目前已上线的微信小程序已超过 100 万,支付宝小程序、钉钉 E 应用、百度智能小程序、头条小程序等也在不断发力。由于小程序具有:无需下载、触手可及、用完即走、无需卸载的特性,所以用户体验对于小程序来说非常重要,一旦出现小程序卡顿,缓慢和错误,需要及时发现并修复,否则用户流失的概率会非常大。

小程序与 H5 的不同

小程序和 H5 都属于移动端场景下的技术选择方案,那么这里介绍一下小程序与 H5 的不同。

1. 运行环境的不同

  • 传统的 H5 的运行环境是浏览器,包括 webview,其中浏览器提供 window、document 等 BOM 对象;

  • 小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整的浏览器对象,所以缺少相关的 DOM API 和 BOM API。

2. 开发成本的不同

  • H5 的开发,涉及到开发工具、前端框架、模块管理工具、任务管理工具、UI 库的选择、接口调用工具及浏览器兼容性等;

  • 小程序的开发,指定环境的小程序会提供开发者工具、API 及规范的开发标准。由于小程序是跑在指定的环境下的,同时 API 是指定环境下提供的,所以不用考虑浏览器的兼容性。


在 H5 开发中,前端常用的 HTML/CSS 在不同的小程序中都有指定的文件标准。例如:


  • 在微信小程序中使用 WXML/WXSS;

  • 在支付宝小程序、钉钉 E 应用中使用 AXML/ACSS;

  • 在百度智能小程序中使用 SWAN/CSS;


开发规范在指定的官方文档中都会有明确的使用介绍,使用方法与原来 H5 的开发大同小异,所以上手开发相对容易。

3. 使用体验的不同

  • H5 页面需要在浏览器中渲染,在复杂的业务逻辑或者丰富的页面交互时会有卡顿情况;

  • 小程序除首次使用略慢,页面切换及跳转等非常顺滑,接近 Native。


通过以上几点小程序和 H5 的不同的介绍,我们可以发现原来针对 H5 页面的监控无法直接监控小程序;同时由于小程序封闭性较强,不同的小程序在标准上也略有不同,如微信小程序、支付宝小程序及钉钉 E 应用等等小程序在使用标准及开放的 API 方面也会有一些差异,所以针对小程序的监控与针对 Web 应用的监控会有所不同。

小程序监控的现状

现在针对小程序监控的大概分为以下几类:

1. 小程序的数据统计分析,助力小程序运营

  • 相关产品: 微信小程序助手、阿拉丁小程序统计平台等;

  • 特点:大部分是针对微信小程序提供相应的数据统计分析能力,从多维度分析小程序相关用户数据,适用于小程序运营,但缺乏对于用户体验,小程序性能的监控。

2. 小程序错误监控

  • 相关产品: FunDebug 等;

  • 特点:监控小程序使用户出现的错误,帮助开发者发现并解决小程序错误,但缺乏对于小程序全局性能的监控,对于缓慢请求,缓慢页面没法监测。

3. 小程序性能监控

  • 相关产品: FrontJS、听云小程序监控等;

  • 特点:主要提供性能相关数据,包括 JS 错误、网络请求响应情况等。但是只支持微信小程序,而且没有办法把小程序的性能与后台应用的性能关联起来,没法形成端到端的监控。


通过上面对现有的小程序监控产品分析,存在以下问题:


  1. 无法支持所有的小程序监控,主要支持微信小程序

  2. 支持多类小程序监控的产品,提供的小程序相关数据较少,主要集中在错误监控

  3. 没有后台应用服务的性能监控,无法从小程序上的性能问题追溯到后台应用代码和数据库,无法形成端到端的监控


基于以上情况,阿里云 ARMS 前端监控重磅推出小程序监控,旨在帮助端到端的快速定位小程序问题,提升小程序的用户体验。

提供的能力

阿里云 ARMS 前端监控此次重点推出的小程序监控有以下特点:

1. 覆盖各类符合标准规范的小程序

首先解释一下这里所说的"标准规范的小程序",即包含 App 和 Page 两层:


  • App 用来描述整体程序,包含: onError 事件;

  • Page 用来描述各个页面,包含: onShow、onHide、onUnload 事件。


小程序的运行环境依赖于对应的客户端,各类小程序的 DSL 设计看起来很像,但细节上的差别还是比较多,并且已有了分化的趋势。在这种情况下,阿里云 ARMS 前端监控为了更好的支持小程序的监控诉求,提供以下小程序监控的场景:


  1. 微信小程序

  2. 支付宝小程序

  3. 钉钉 E 应用

  4. 其他类别小程序


由于小程序发展迅速,现在无法针对各类小程序都提供对应的监控 SDK,所以不属于微信小程序、支付宝小程序和钉钉 E 应用的小程序可选择其他类别小程序的场景接入进行监控,但要满足上面说的"标准规范的小程序"前提,同时支持 npm 包。

2. 完善的性能监控指标

  1. 基础业务指标,帮助了解小程序应用的使用情况

  2. 应用总 PV/UV

  3. 页面维度的 PV/UV

  4. 小程序各维度指标

  5. 手机型号

  6. 操作系统版本

  7. 微信/支付宝等相应的 APP 版本

  8. 网络等

  9. JS 错误分析

  10. JS 错误率、错误聚类、JS 错误堆栈及错误定位等

  11. API 请求追踪


  • API 请求成功率、API 请求耗时及 API 请求的链路追踪


  • 自定义事件统计


  • 支持业务上自定义事件 sum/avg 统计

3. 可通过配置选择上报方式

由于业务方使用监控的诉求不同,我们不仅支持优雅的静默数据上报,也支持使用开放的统计能力进行自定义上报。具体可查看官网的前端监控接入概述中的小程序场景相关文档:


https://help.aliyun.com/document_detail/106086.html

总结

小程序作为各大互联网公司重磅加持的方向,未来小程序的应用数量会越来越多,那么对于用户体验方面的关注与提升诉求也会不断增加,阿里云 ARMS 前端监控提供的小程序监控可帮助客户实时监控发现质量问题,为企业的小程序的稳定运行提供坚实的保障。


附录:



更多内容,请关注前端之巅。



会议推荐


2019 年 6 月,GMTC 全球大前端技术大会 2019 即将到来。小程序、Flutter、移动 AI、工程化、性能优化…大前端的下一站在哪里?点击下图了解更多详情。



2019-02-19 08:004961

评论

发布
暂无评论
发现更多内容

平安智慧社区解决方案,平安社区综合管理平台

13530558032

区块链版权保护平台--催生版权保护新格局

13530558032

集成融云小程序 SDK 遇到的问题

融云 RongCloud

融云发送语音消息

融云 RongCloud

中关村软件园与百度飞桨启动AI人才培养计划:AI发展,人才先行

百度大脑

人工智能 百度 人才培养

使用融云 Web SDK 撤回消息

融云 RongCloud

SDK 兼容 JSON

融云 RongCloud

融云 IM SDK 发送语音消息

融云 RongCloud

Web 端集成融云 SDK 如何发送正确图片消息给移动端展示?

融云 RongCloud

融云 AMR(Aduio) 播放 AMR 格式 Base64 码音频

融云 RongCloud

最高法两会报告聚焦区块链惩治抄袭,区块链在保护网络著作权方面如何作为?

CECBC

法律

融云 Web 播放声音 — Flash 篇 (播放 AMR、WAV)

融云 RongCloud

集成融云 SDK 怎么实现多端同步未读数

融云 RongCloud

融云 RTC SDK 集成实现直播,趟坑之旅~~~

融云 RongCloud

融云 Web SDK 删除历史消息

融云 RongCloud

提醒小程序的产品文档——大作业心得总结

小匚

产品经理 随笔杂谈 产品经理训练营 极客大学产品经理训练营

融云 Web 播放声音(AMR 、WAVE)

融云 RongCloud

融云 Web SDK 如何实现只有一个设备登入

融云 RongCloud

融云 IM 那些事儿

融云 RongCloud

集成融云 IM 问题总结

融云 RongCloud

微信小程序集成融云 SDK (即时通讯) 集成必备条件

融云 RongCloud

加快数字化发展 建设数字中国

CECBC

大数据

区块链农产品溯源方案,区块链溯源平台

13530558032

通过融云 WebSDK 简单了解 WebSocket

融云 RongCloud

如何开好每日晨会?

石云升

项目管理 28天写作 职场经验 管理经验 3月日更

融云 Web SDK 如何实现语音的收发 ?

融云 RongCloud

使用融云 IM SDK 实现 H5 直播聊天

融云 RongCloud

集成融云 Web 音视频通话踩坑之旅

融云 RongCloud

融云 CallLib 集成遇到的问题

融云 RongCloud

结合融云 WebSDK 了解 WebSocket 基本原理

融云 RongCloud

区块链如何走向云端?

CECBC

云技术

支持多种小程序!阿里云ARMS推出小程序监控_大前端_慕扉_InfoQ精选文章