“AI 技术+人才”如何成为企业增长新引擎?戳此了解>>> 了解详情
写点什么

支持多种小程序!阿里云 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:004836

评论

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

在软件定义汽车的时代,低代码究竟给车企数字化转型带来了什么?

优秀

低代码 车企 车企数字化

智能出行 驱动未来|2023开放原子全球开源峰会CARSMOS开源智能出行生态年会即将启幕

开放原子开源基金会

开源 智能出行 CARSMOS

软件测试/测试开发丨接口测试学习笔记

测试人

程序员 软件测试 自动化测试 测试开发

AI2023下载 Illustrator mac版 2023 年 4 月版(版本 27.5)的新增功能

魔仙苹果mac堡

AI2023下载 Adobe Illustrator2023 AI2023完美解锁版

Mac电脑ps ai beta安装教程及ai绘图如何使用

魔仙苹果mac堡

ps AI绘图 ps ai beta Firefly AI使用教程

秒验 iOS端集成指南

MobTech袤博科技

世界500强开滦集团的财务共享建设路径

用友BIP

财务共享

Java 高效处理千万级数据:技巧与最佳实践

xfgg

Java 大数据

WaveMetrics Igor Pro 9 for Mac(科学计算和数据分析软件)

魔仙苹果mac堡

苹果软件资源站 mac科学计算软件 WaveMetrics Igor Pro 9 Igor Pro 9破解

技术的交流 思想的碰撞|2023开放原子全球开源峰会TOC面对面分论坛即将启幕

开放原子开源基金会

开源 社区 TOC

客服都要下岗了? 当ChatGPT遇见私有数据,秒变AI智能客服!

WorkPlus

开源创新 协同融合|2023开放原子全球开源峰会开源协作平台分论坛即将启幕

开放原子开源基金会

开源 开源协作

Scrum敏捷项目管理真实案例

顿顿顿

Scrum 敏捷开发 敏捷开发管理 敏捷项目管理 scrum工具

大型 3D 互动开发和优化实践 | 京东云技术团队

京东科技开发者

游戏 3D 企业号 6 月 PK 榜 互动游戏

让AI无处不在!Intel拿出全新VPU:超高能效碾压GPU

E科讯

魔法门之英雄无敌3下载,死亡阴影 for Mac中文版

魔仙苹果mac堡

mac游戏 英雄无敌3 英雄无敌3高清中文版 魔法门之英雄无敌3下载 死亡阴影中文版

对应用数据开发还有疑惑?看这篇就够了!数据存储、管理,通通掌握!

HarmonyOS开发者

HarmonyOS

玩转服务器之应用篇:从零开始构建小型高可用环境

京东科技开发者

高可用 云主机 云服务器 企业号 6 月 PK 榜

一文回顾 Boundless Hackathon at Stanford 首期 Workshop

西柚子

CodeWhisperer 初体验

天黑黑

AI 亚马逊云 CodeWhisperer

复杂Flink任务Task均衡调度和优化措施

Openlab_cosmoplat

大数据

BFF层聚合查询服务异步改造及治理实践 | 京东云技术团队

京东科技开发者

优化技巧 企业号 6 月 PK 榜 BFF层 异步优化

提升您的 MQTT 云服务:深入探索 BYOC

EMQ映云科技

物联网 云服务 mqtt

led显示屏保养技巧

Dylan

故障 LED显示屏 设备日常保养

重新思考流处理与流数据库

吴英骏

开源 云原生 流处理 ​Rust 实时数据库

一次网络请求中的流量分发过程 | 京东云技术团队

京东科技开发者

数据传输 企业号 6 月 PK 榜 流量分发 网络请求

这本数智平台白皮书讲透了大型企业数智化升级业务痛点

用友BIP

白皮书 数智底座 数智平台 平台白皮书 数智化转型白皮书

如何在大学校园内合作运营共享电单车

共享电单车厂家

校内共享电单车 共享电动车投放 共享电单车合作 共享电单车厂家

百度倾力出品|《神经网络机器翻译技术及产业应用》正式上线

飞桨PaddlePaddle

人工智能 深度学习 百度飞桨

一文回顾 Boundless Hackathon at Stanford 首期 Workshop

鳄鱼视界

实现mac电脑与安卓互通|MacDroid 破解版

魔仙苹果mac堡

MacDroid for mac 安卓设备文件传输助手 MacDroid中文 MacDroid破解 mac与安卓同步

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