18、性能测试应用搭建与部署全流程解析

性能测试应用搭建与部署全流程解析

1. 测试启动与数据交互

在性能测试应用中，当点击“Start Test”按钮后，会建立新的 WebSocket 连接。客户端会发送如 {"type":"random","cmd":"random","regexp":""} 这样的请求，而从从节点（slave）会接收到类似 {"type":"perf","host":"1","value":0.7852813333738595} 的性能数据。点击“Stop Test”按钮后，WebSocket 连接会断开。

2. 可视化添加步骤

在完成基本的客户端、主节点和从节点的端到端设计后，我们可以使用 D3.js 库添加交互式可视化功能，这样就无需监控容器日志或 Chrome JavaScript 控制台来验证端到端功能。
- 停止相关操作 ：通过输入 Crtl - C 断开正在运行的 docker logs 命令。使用 sudo docker ps 查找所需的容器 ID，然后使用 sudo docker stop short - ids 停止主节点和从节点容器（ short - id 表示所需容器 ID 的前四个字符）。
- 添加可视化文件 ：添加 ch8/6/cripts/vis.js 文件，该文件使用 D3.js 库来绘制性能测试结果的图表。以下是该文件中的关键代码