如何配置 Nginx 联动 Grafana 仪表盘实现全站响应时间与 QPS 吞吐的秒级可视化监控

星萱酱_8863

星萱酱_8863

2026-06-22

547人浏览

原创

要实现nginx响应时间与qps在grafana中秒级可视化,需采用vts模块+nginx-vts-exporter采集细粒度指标,prometheus以5s间隔抓取,grafana用p99延迟对比及10s刷新确保实时准确。

如何配置 nginx 联动 grafana 仪表盘实现全站响应时间与 qps 吞吐的秒级可视化监控

要让 Nginx 的响应时间与 QPS 在 Grafana 中实现秒级可视化,关键不在“连上就行”,而在于指标采集足够细、传输足够快、展示足够准。核心是用对数据源、设对刷新、分清两类延迟、避免平均值误导。

选对指标采集方式:VTS 模块比 stub_status 更适合秒级吞吐分析

stub_status 只能提供全局连接数和总请求数,无法按 location、upstream 或状态码拆分,QPS 和响应时间都只能算粗粒度均值。真正支撑秒级下钻的,是 VTS 模块 + nginx-vts-exporter:

  • 在 nginx.conf 的 http 块中启用:vhost_traffic_status_zone;
  • 添加 status 页面(可选):location /status { vhost_traffic_status_display; vhost_traffic_status_display_format html; }
  • nginx-vts-exporter 默认监听 9913 端口,Prometheus 抓取该地址即可获取带维度的指标,如:
    nginx_vts_server_request_seconds_total{server="api.example.com",code="200"}
    nginx_vts_upstream_response_seconds_sum{upstream="backend-llm"}

配置 Prometheus 抓取策略:5 秒间隔 + 无标签聚合保障秒级灵敏度

默认 15 秒抓取会平滑掉突发毛刺。要在 Grafana 中看到真实秒级波动,需调整 scrape_interval:

Nginx Hosting
Nginx Hosting

通过服务器本地nginx实例实现零认证静态游戏托管。作为所有浏览器游戏的主要部署方式,无需登录、无需令牌、无需用户操作。

下载
  • 在 prometheus.yml 中为 nginx-vts-exporter 任务单独设置:scrape_interval: 5s
  • 计算 QPS 用 rate 而非 increase,例如:rate(nginx_vts_server_request_seconds_count[30s]),窗口略大于抓取周期,减少抖动
  • 避免在 PromQL 中过早 sum by() 聚合——先保留 server、location、code 等标签,Grafana 面板再按需下钻

Grafana 面板设计:P99 延迟必须和 request_time / upstream_response_time 同图对比

单看“平均响应时间”等于没看。专业看板必须揭示瓶颈位置:

  • 用折线图并列绘制:histogram_quantile(0.99, sum(rate(nginx_vts_server_request_seconds_bucket[1m])) by (le))(客户端总耗时 P99)
    与
    histogram_quantile(0.99, sum(rate(nginx_vts_upstream_response_seconds_bucket[1m])) by (le))(后端真实处理 P99)
  • 两线差值持续扩大 → Nginx 自身(SSL 握手、重写规则、限流模块)成为瓶颈;差值稳定 → 问题在后端服务
  • 在延迟图下方叠加 5xx 错误率(sum(rate(nginx_vts_server_request_seconds_count{code=~"5.."}[1m])) / sum(rate(nginx_vts_server_request_seconds_count[1m]))),判断“慢是否伴随错”

时间范围与刷新设置:默认 15 分钟 + 自动 10 秒刷新是实用底线

太长的时间范围掩盖瞬时峰值,太短则无法观察趋势。建议:

  • Grafana 仪表盘右上角设为 Last 15 minutes,这是识别突发流量与恢复节奏的黄金窗口
  • 所有核心面板(QPS、P99 延迟、错误率)开启 Refresh every 10s,确保监控画面不滞后于真实业务
  • 避免使用 “Live” 模式——它依赖 WebSocket,稳定性不如定时轮询,在高负载下易断连

相关专题

更多
nginx 重启
nginx 重启

nginx重启对于网站的运维来说是非常重要的,根据不同的需求,可以选择简单重启、平滑重启或定时重启等方式。本专题为大家提供nginx重启的相关的文章、下载、课程内容,供大家免费下载体验。

2023.07.27

383

5

nginx 配置详解
nginx 配置详解

Nginx的配置是指设置和调整Nginx服务器的行为和功能的过程。通过配置文件,可以定义虚拟主机、HTTP请求处理、反向代理、缓存和负载均衡等功能。Nginx的配置语法简洁而强大,允许管理员根据自己的需要进行灵活的调整。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

2023.08.04

3327

6

nginx配置详解
nginx配置详解

NGINX与其他服务类似,因为它具有以特定格式编写的基于文本的配置文件。本专题为大家提供nginx配置相关的文章,大家可以免费学习。

2023.08.04

6025

6

tomcat和nginx有哪些区别
tomcat和nginx有哪些区别

tomcat和nginx的区别:1、应用领域;2、性能;3、功能;4、配置;5、安全性;6、扩展性;7、部署复杂性;8、社区支持;9、成本;10、日志管理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.02.23

561

5

nginx报404怎么解决
nginx报404怎么解决

当访问 nginx 网页服务器时遇到 404 错误,表明服务器无法找到请求资源,可以通过以下步骤解决:1. 检查文件是否存在且路径正确;2. 检查文件权限并更改为 644 或 755;3. 检查 nginx 配置,确保根目录设置正确、没有冲突配置等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2024.07.09

1476

5

Nginx报404错误解决方法
Nginx报404错误解决方法

解决方法:只需要加上这段配置:try_files $uri $uri/ /index.html;即可。想了解更多Nginx的相关内容,可以阅读本专题下面的文章。

2024.08.07

3938

3

nginx部署php项目教程汇总
nginx部署php项目教程汇总

本专题整合了nginx部署php项目教程汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

122

12

nginx配置文件详细教程
nginx配置文件详细教程

本专题整合了nginx配置文件相关教程详细汇总,阅读专题下面的文章了解更多详细内容。

2026.01.13

457

23

Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建
Nginx跨平台安装实操指南:Windows、macOS与Linux环境快速搭建

本指南详解Nginx在Windows、macOS及Linux系统的安装全流程。涵盖官方包解压、Homebrew一键部署、APT/YUM源配置及Docker容器化方案。无论新手或开发者,均可快速搭建运行环境,掌握跨平台核心指令,为后续配置与调优奠定坚实基础。

2026.03.16

159

12

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
phpEnv手册
phpEnv手册

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习