查看原文
其他

【第1531期】阿里云ARMS推出小程序监控

慕扉 前端早读课 2019-10-30

前言

前有小程序统计痛点,今有小程序监控痛点。今日早读文章由阿里@慕扉分享。

正文从这开始~~

2018年是小程序蓬勃发展的一年,各大公司如腾讯、阿里、百度、头条等都陆续推出了自己的小程序,小程序已成为一个未来必然的趋势、移动互联网的新风口。

据数据统计,目前已上线的微信小程序已超过100万,支付宝小程序、钉钉E应用、百度智能小程序、头条小程序等也在不断发力。由于小程序具有:无需下载、触手可及、用完即走、无需卸载的特性,所以用户体验对于小程序来说非常重要,一旦出现小程序卡顿,缓慢和错误,需要及时发现并修复,否则用户流失的概率会非常大。

小程序与H5的不同

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

运行环境的不同

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

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

开发成本的不同

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

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

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

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

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

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

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

使用体验的不同

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

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

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

小程序监控的现状

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

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

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

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

小程序错误监控

相关产品: FunDebug等

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

小程序性能监控

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

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

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

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

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

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

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

提供的能力

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

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

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

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

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

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

  1. 微信小程序

  2. 支付宝小程序

  3. 钉钉E应用

  4. 其他类别小程序

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

完善的性能监控指标
  1. 基础业务指标,帮助了解小程序应用的使用情况

  • 应用总PV/UV

  • 页面维度的PV/UV


  • 小程序各维度指标

    • 手机型号

    • 操作系统版本

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

    • 网络等


  • JS错误分析

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


  • API请求追踪

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


  • 自定义事件统计

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

    可通过配置选择上报方式

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

    总结

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

    附录:

    • 业务实时监控服务ARMS

    • 业务实时监控服务ARMS前端监控

    • 小程序监控接入文档


    最后,为你推荐


    【第1467期】使用 okam 小程序开发框架快速开发百度智能小程序


    【第1432期】megalo -- 网易考拉小程序解决方案


    【第1400期】小程序的全栈开发新时代

      您可能也对以下帖子感兴趣

      文章有问题?点此查看未经处理的缓存