如何做前端SPA网站的压力测试

Why

由于近期将erda前端的web服务器由nginx替换成了nestjs写的node server，在保证功能不变的情况下，众所周知node单线程的特性，相比nginx的C，适合高IO但CPU低密集型的场景，如果node代码中有阻塞进程的逻辑存在那将可能造成整个网站无法正常访问。所以用高并发的压力测试来检验node server的性能在真正上线前就显得尤为必要。

工具

这里选用JMeter ，主要原因是它功能全面同时又是免费的，相较LoadRunner等老牌压测工具更易获得

安装

我这里是直接使用homebrew直接安装

brew install jmeter

安装前置条件是机器必须已经安装了Java 8，通过在terminal直接敲jmeter即可启动，以下是一些安装使用过程中工具本身的坑

启动后在我的机器上出现报错，产生的影响是test plan无法保存。附上解决方案，如果碰到的话如此操作即可解决

无法粘贴内容到jmeter中，只能手敲，非常痛苦。解决方案是换一个主题，换成System主题即可解决

enter image description here

配置

我们的目标是测试打开一个erda页面，从输入链接到页面渲染完成，这个完整过程中，服务器所要承受的所有请求的集合。因为我们的网站是SPA的，即在加载HTML过程中，通过执行scripts，会同步加载海量的资源文件，同时还会调用一些后端API。所以简单地请求一个页面路由地址肯定是不够的

我这边参考官方教程，来做一个测试脚本录制

通过模板创建一个测试计划，这样就会有一个默认的录制脚本测试计划被创建好了

在默认HTTP Request配置中确认要测试的协议和域名

开启录制

这步就比较复杂了，jmeter在录制时会启动一个代理服务器，默认开在8888端口，即你想要测试访问的网站，会经由这个8888的服务器来做一层代理。所以首先第一步是要在浏览器中指明这个代理，官方推荐Firefox，我这边也跟随官方，将代理配置成如下图

此时点击脚本录制的开始按钮

会弹出一个关于证书提示框，大致意思就是会自动生成一个7天有效的CA证书，如果没有这个证书，那么请求就会被浏览器因为安全策略拦截，即无法继续录制

这个生成的文件会在/usr/local/Cellar/jmeter/5.4.1/libexec/bin 这个目录下找到

然后就是按照文档，把这个证书导入到Firefox中

此时再点击开始录制按钮，在火狐访问https://erda.hkci.terminus.io/erda，就可以正常访问了，至此准备工作基本完毕

录制

我这次就以个人仪表盘页面作为测试的目标页面，通过从输入链接到最后页面可交互，总共需要发起160个请求

按Stop结束录制，此时点击到View Result Tree，发现被捕捉到的仅有20个左右的请求，且都是非静态文件的请求，这里查阅了下官方，大致意思就是官方认为静态文件是没太大必要测试的，只有那些有逻辑的后端处理才有必要压测。但是鉴于我们这次的升级改造主要功能依然是一个静态服务器，所以静态文件的测试还是不能省略