【技术分享】基于 Audits 自动生成小程序质量评估报告

作者：吴甜，腾讯云高级工程师

背景

近年来，随着微信生态不断完善，小程序已成为金融、政务、零售等多个行业加速数字化转型的重要载体，以小程序为载体的多元营销生态日渐成熟。往往需要多团队协助开发，还未上线便带来了以下几个问题：

• 多人协作开发，开发人员技术参差不齐，如何保证交付的小程序质量？

• 体验小程序时，发现页面很卡，用户体验差，需要研发耗费大量时间进行问题排查。优化之后，只能作用一小段时间，随着业务迭代，整体质量又垮掉了。

• 小程序性能差，体验不行，那具体是什么问题导致的？

面对这种情况，我们需要对业务所承接的小程序质量进行全方位的评估，并查找出具体的问题点，然后对症下药，帮助我们持续提升小程序的交付质量。

业界方案调研

对于小程序质量评估，市面上也有很多优秀的方案，这里主要介绍三款常用的工具。

1. 微信广告页面评估工具。

微信广告官方提供的页面评估工具，在投放前可对指定页面进行质量评估，并给出改善建议，每次检测预估时间在10-20分钟。体验地址：https://ad.weixin.qq.com/weapptest.html。

微信广告页面评估工具每次测试任务只能关联一个页面，并且检查出来的问题不会给出具体的解决方案，例如遇到下列的问题点：

指标：避免setData数据冗余 【建议】setData操作会引起框架处理一些渲染界面相关的工作，一个未绑定的变量意味着与界面渲染无关，传入setData会造成不必要的性能消耗。

那究竟是哪个变量与渲染无关呢？这排查起来简直精疲力尽。(注意: 创建测试计划时，需要填写小程序 ID，这里并不是 AppID, 而是小程序的原始 ID)

2. MiniTest

MiniTest 是一套由微信测试团队自主研发的、为小程序提供自动化测试的服务，可以帮助开发者简单快捷地实现对小程序进行 UI 自动化、性能和 Monkey 测试。MiniTest 平台地址为：https://minitest.weixin.qq.com。

使用该平台，我们对小程序进行了一次 Monkey 测试，最终会产出一份测试详情的报告：

这份性能报告主要是集中在真机机器的 CPU、内存水位，对于我们定位具体的细节问题点帮助有限。

3. Audits

Audits （Google 开源的一个自动化测试工具）是一项给小程序体验评分的功能，它可以在小程序运行过程中实时检查，分析并定位出一些可能导致体验较差的功能，以及给出一些优化建议。

使用 Audits 进行小程序优化，主要可以分为以下四个步骤：

我们在业务中，按照上面的模式来跑测，优化小程序遇到了下面几个问题：

• 不同的开发者由于本地机器性能、网络情况的不同，运行出来的体验报告可能不一致，这样就会使得我们每次测出来的报告会具有较大的不确定性。

• 运行 Audits 时，可以看到面板上面有这样的提示：“请自行操作小程序，尽可能的覆盖到所有页面“。部分小程序有 100+ 页面，单纯靠人工进行页面遍历，操作了一次耗费了 20-30 分钟。

• 当我们修改了部分问题时，想要看一下小程序评分有没有提升，这时候又需要 20+ 分钟的手动操作，这确实让人难以接受。

确定技术选型

根据上面的技术调研，Audits 是比较符合我们的业务场景诉求，能够帮助我们进行小程序打分，并给出小程序存在的具体问题。只是在使用过程中，操作起来存在很多不爽的地方。为了在业务中使用 Audits 更加顺手，萌生了一个大胆的想法。

我们可以使用远程 MAC 开发机来运行小程序开发者工具，这样能保证运行环境（机器性能、网络情况）的一致性。通过编写自动化测试脚本，驱动小程序进行自动页面遍历，页面遍历完成后，生成 Audits 评分报告。

想要对小程序进行自动化测试，经常会接触到两款工具: Automator 和 **Minium。**两者对比下来，主要有以下差异点：

Minium 的定位是自动化测试框架，而 Automator 的定位是自动化测试工具，相比 Automator，Minium 具有以下优势：

1. 支持所有 Automator 功能。

2. 跨平台的产品（IDE，Android和IOS）支持真机测试。

3. 支持往 AppSerive 注入代码片段执行。

4. 支持 Mock、Hook wx 对象上的接口。

5. 支持截屏、断言并导出测试报告。

6. 支持账号池管理，IDE 登录无需用户扫码。

7. …

因此最终我们选用了功能更加完备的 Minium 来编写小程序自动化用例，依托其现有的 IDE 登录、IDE 跑测、账号管理能力，为我们节约很多的开发时间。

整体方案设计

方案架构图：<