从程序员前端和稳定性保障（监控）的角度来看小程序和H5的区别

说到业务稳定性，通常从架构的角度指的是工程师的后端，比如当前的限制和降级。 、流量调度、业务切换、容量压测等，但是监控也是构建业务稳定性的重要一环，比如对业务和前端进行监控，保证如果出现问题，能够第一时间找到原因可能的。越多越好。今天我们就根据小程序场景来看一下如何监控小程序。

小程序和H5的区别

小程序和H5都是移动端场景下的技术选项，所以这里介绍一下小程序和H5的区别。

1。运行环境的差异

• 传统的H5运行环境是浏览器，包括Web视图，其中浏览器提供窗口、文档等BOM对象；
• 逻辑层和小程序渲染层分离，逻辑层运行在JSCore上并且没有完整的浏览器对象，因此没有相关的API DOM和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方面也会有一些差异，所以监控小程序和监控网页应用也会有所不同。

小程序监控现状

目前小程序监控大致分为以下几类：

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

• 相关产品：微信小程序助手、阿拉丁小程序统计平台等；
• 特点：一般提供适合微信小程序的数据统计分析能力，从各个维度分析小程序相关的用户数据，适合小程序的运营，但缺乏用户体验、监控小程序性能。

2。小程序错误监控

• 相关产品：FunDebug等；
• 功能：监控小程序引起的用户错误，帮助开发者发现并解决小程序错误，但对小程序整体性能了解甚少监控，对于慢请求、慢页面无法监控。

3。小程序性能监控

• 相关产品：FrontJS、听云小程序监控等；
• 特点：主要提供性能相关的数据，包括JS错误、网络请求响应等。但仅支持微信小程序，无法将小程序的性能与后台应用的性能关联起来，无法形成端到端的监控。

通过以上对小程序监控产品的分析，存在以下问题：

• 不能支持所有小程序监控，主要支持微信小程序；
• 提供支持各类小程序监控的产品。小程序相关数据缺乏，主要集中在错误监控；
• 如果没有后台应用服务性能监控，小程序的性能问题无法追溯到后台应用代码和数据库，无法建立端到端的监控。

基于以上情况，监控期望阿里云ARMS推出小程序监控，旨在帮助快速到底发现小程序问题，提升小程序用户体验。

小程序监控提供的能力

阿里云ARMS前端监控本次推出的小程序监控具有以下特点：

1.包含多种符合标准和规范的小程序。

小程序的运行环境取决于对应的客户端。各种小程序的DSL设计看起来都差不多，但细节上还是有很多差异，并且有分化的趋势。本案例中，为了更好的支持小程序监控需求，阿里云ARMS前端监控提供了以下小程序监控场景：

• 微信小程序
• 支付宝小程序
• 钉钉E应用
• 其他类别小程序的特点

由于小程序的快速发展，目前还无法为所有类型的小程序提供合适的监控SDK，所以不包括微信小程序、支付宝小程序、钉钉的小程序E应用可以单独选择小程序。小程序品类场景接入监控，但必须满足上面提到的“标准规范的小程序”，并且支持npm包。

2。全方位性能监控指标

帮助您了解小程序应用使用情况的基本业务指标：

小程序多维度指标：

• 手机型号
• 操作系统版本/Welipay其他兼容APP版本
• 网络等

JS错误分析：

• JS错误率、错误聚类、JS错误堆栈和错误位置等。

API请求跟踪：♷速率、API请求耗时以及API请求的链路跟踪

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

因为业务方使用监控的要求不同。我们不仅支持优雅的哑数据报告，还支持使用我们的开放统计功能定制报告。具体可以查看官网家庭监控接入汇总中小程序场景的相关文档：

概述

小程序是各大互联网公司大力支持的一个方向，小程序的数量旺季申请量将会增加。那么对于用户体验的关注和提升就会不断提升。阿里云ARMS前端监控提供的小程序监控可以帮助客户实时监控和发现质量问题，为公司小程序的稳定运行提供有力保障。