如何在 Grafana 中构建专业的 Nginx 仪表盘:实时监控 QPS 与响应时间

浅磊姑娘_7423

浅磊姑娘_7423

2026-05-19

821人浏览

原创

Grafana 中构建专业 Nginx 仪表盘需通过 stub_status+nginx-exporter 或 VTS+nginx-vts-exporter 接入指标,重点呈现分层响应时间(P50/P90/P95/P99)、多维 QPS(实时/分钟聚合/TopN/地理热力)及错误率叠加分析,并按“用户—网关—后端”逻辑组织面板,默认15分钟时间范围与10秒刷新。

如何在 grafana 中构建专业的 nginx 仪表盘:实时监控 qps 与响应时间

要在 Grafana 中构建专业的 Nginx 仪表盘,核心是把真实、可区分的性能指标“接进来”,再用合适的方式“展出来”。重点不是堆图表,而是让 QPS 和响应时间这两类关键信号清晰、低延迟、可下钻。

确保指标源头准确可靠

Nginx 本身不直接暴露 Prometheus 格式指标,需借助中间层。推荐两种成熟路径:

  • stub_status + nginx-exporter:轻量、稳定,适合基础连接数、请求总数、活跃连接等指标。需在 Nginx 配置中启用 stub_status,并运行 nginx-exporter 定期抓取解析;
  • VTS 模块 + nginx-vts-exporter:支持按 server、upstream、location 维度拆分 QPS、带宽、状态码、延迟(request_time 和 upstream_response_time),更适合精细化监控。

注意:日志字段 $request_time 是客户端视角总耗时,$upstream_response_time 反映后端真实处理时间——两者都应采集,但用途不同。

QPS 监控要体现趋势与分布

单一“当前 QPS”数字价值有限。建议组合呈现:

Nginx Reverse Proxy
Nginx Reverse Proxy

配置 Nginx 反向代理,实现域名绑定。用户说“绑定域名”“配置 Nginx”“反向代理”时触发,将域名绑定到指定 IP:端口。

下载
  • 实时滚动 QPS(每秒更新):用单值面板 + 趋势图,标出近 5 分钟平均线;
  • 按分钟聚合的 QPS 曲线:观察突增/衰减节奏,配合告警阈值(如 3 分钟均值 > 峰值容量 80%);
  • 按 location 或 upstream 分组的 TopN QPS:快速定位高流量路径,例如 /api/v1/chat 或 llm-backend-2;
  • 带地理标签的热力图(可选):若日志含 $http_x_forwarded_for 或 GeoIP 插件,可用世界地图展示各区域请求强度。

响应时间必须分层、分位、可对比

平均响应时间(Avg)容易掩盖长尾问题。专业看板至少要包含:

  • P50 / P90 / P95 / P99 延迟曲线:用折线图并列展示,观察 P99 是否持续高于 P95,判断是否存在偶发毛刺;
  • request_time 与 upstream_response_time 对比图:若两者差值变大,说明 Nginx 自身处理(SSL、重写、限流)成为瓶颈;
  • 错误率叠加层:在延迟图下方叠加 4xx/5xx 状态码占比,便于判断“慢是否伴随错”;
  • 延迟直方图(Histogram):用 Grafana 的 Heatmap 或 Bar Gauge 展示毫秒级分布,例如 0–100ms、100–500ms、500ms+ 各占多少比例。

仪表盘组织讲求 SRE 逻辑

避免把所有指标平铺。推荐按“用户—网关—后端”动线组织面板区块:

  • 顶部横幅:服务整体可用性(1 - rate(nginx_http_requests_total{status=~"5.."}[5m]) / rate(nginx_http_requests_total[5m]))、当前 QPS、P95 延迟、5xx 错误数;
  • 中部主区:QPS 时间曲线 + 延迟分位图(双 Y 轴)+ 状态码分布饼图;
  • 底部下钻区:按 upstream 分组的 QPS/延迟/错误率表格,支持点击跳转到该 upstream 专属子看板;
  • 右侧面板:实时 Top IP、Top Path、最近 10 条 5xx 请求详情(从 Loki 或日志导出数据源接入)。

不复杂但容易忽略的是:所有时间范围默认设为“最后 15 分钟”,刷新间隔设为“自动(10s)”,让运维人员一眼抓住正在发生的事。

相关文章

PHP速学视频免费教程(入门到精通)
PHP速学视频免费教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

nginx

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
nginx 重启
nginx 重启

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

2023.07.27

423

5

nginx 配置详解
nginx 配置详解

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

2023.08.04

4107

6

nginx配置详解
nginx配置详解

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

2023.08.04

6965

6

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

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

2024.02.23

601

5

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

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

2024.07.09

1516

5

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

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

2024.08.07

3998

3

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

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

2026.01.13

122

12

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

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

2026.01.13

557

23

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

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

2026.03.16

179

12

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
零基础精通 PS 视频教程
零基础精通 PS 视频教程

共268课时 | 120.6万人学习

前端工程师必备技能—PS切图
前端工程师必备技能—PS切图

共11课时 | 2.2万人学习

麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 4.3万人学习