如何开发一款与阿里云相媲美的前端性能监控工具（续篇）？
- 内容介绍
- 文章标签
- 相关推荐
本文共计2692个文字，预计阅读时间需要11分钟。
上篇请访问此处了解阿里云前端APM工具（上）+ 典型多增性问题 + 上一小节中的实施方案是微观的，即单次性的、局部的。但从宏观上看，我需要确保性能测试是通用的，即符号。
上篇请访问这里做一个能对标阿里云的前端APM工具（上）
样本多样性问题上一小节中的实施方案是微观的，即单次性的、具体的。但是从宏观上看，我需要保证性能测试是公允的，符合大众预期的。为了达到这种效果，最简单的方式就是保证测试的多样性，让足够多人访问产生足够多的样本来，但这对于一个为个人服务的工具网站来说是不现实的。
于是我打算借助机器的力量，在世界各地建造机器人程序来模拟访问。机器人程序原理非常简单，借助 headless chrome 来模拟用户的访问：
const url = 'www.site2share.com/folder/20020507';
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(url);
await page.waitForSelector('.single-folder-container');
await page.waitForTimeout(1000 * 30);
browser.close();
注意程序会等到 .single-folder-container 元素出现之后才进入关闭流程，在关闭前会等待30秒钟来保证有足够的时间将指标数据上传到 Application Insights。
为了达到重复访问的效果，我给机器人制定的执行策略非常简单，每五分钟执行一次。
本文共计2692个文字，预计阅读时间需要11分钟。
上篇请访问此处了解阿里云前端APM工具（上）+ 典型多增性问题 + 上一小节中的实施方案是微观的，即单次性的、局部的。但从宏观上看，我需要确保性能测试是通用的，即符号。
上篇请访问这里做一个能对标阿里云的前端APM工具（上）
样本多样性问题上一小节中的实施方案是微观的，即单次性的、具体的。但是从宏观上看，我需要保证性能测试是公允的，符合大众预期的。为了达到这种效果，最简单的方式就是保证测试的多样性，让足够多人访问产生足够多的样本来，但这对于一个为个人服务的工具网站来说是不现实的。
于是我打算借助机器的力量，在世界各地建造机器人程序来模拟访问。机器人程序原理非常简单，借助 headless chrome 来模拟用户的访问：
const url = 'www.site2share.com/folder/20020507';
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto(url);
await page.waitForSelector('.single-folder-container');
await page.waitForTimeout(1000 * 30);
browser.close();
注意程序会等到 .single-folder-container 元素出现之后才进入关闭流程，在关闭前会等待30秒钟来保证有足够的时间将指标数据上传到 Application Insights。
为了达到重复访问的效果，我给机器人制定的执行策略非常简单，每五分钟执行一次。