实战演示 Nginx 结合 VTS 模块实现基于 server_name 维度的流量监控与展示

轻墨大大_1475

轻墨大大_1475

2026-04-16

411人浏览

原创

VTS模块是实现server_name维度Nginx流量监控与可视化的关键方案:支持按域名统计请求量、状态码、流量、响应时间等指标,提供JSON/API和HTML页面,需启用vhost_traffic_status_filter_by_host on并正确配置server_name。

实战演示 nginx 结合 vts 模块实现基于 server_name 维度的流量监控与展示

要实现基于 server_name 维度的 Nginx 流量监控与可视化展示,核心是使用 Nginx VTS(Virtual Host Traffic Status)模块,它能按虚拟主机(即每个 server 块的 server_name)统计请求量、响应状态码、流量带宽、连接数等关键指标,并提供 JSON 接口和内置 HTML 页面。

一、编译安装支持 VTS 的 Nginx

VTS 不是官方模块,需在编译 Nginx 时手动添加。推荐使用主流稳定版本(如 Nginx 1.20+),并确保系统已安装编译依赖(gcc、make、pcre-devel、zlib-devel、openssl-devel)。

操作步骤:

  • 克隆 VTS 模块源码:git clone https://github.com/vozlt/nginx-module-vts.git
  • 下载对应 Nginx 源码(如 nginx-1.22.1.tar.gz),解压后进入目录
  • 执行配置命令(路径按实际调整):
    ./configure --add-module=/path/to/nginx-module-vts --with-http_ssl_module --with-http_gzip_static_module
  • 运行 make && sudo make install

验证是否加载成功:nginx -V 2>&1 | grep -o vts 应输出 vts。

二、Nginx 配置启用 VTS 并按 server_name 区分统计

在 http 块中启用 VTS 模块,并为每个 server 块设置唯一且有意义的 server_name(如 api.example.com、www.example.com)。VTS 默认即按 server_name 自动聚合数据,无需额外标记。

示例配置片段:

http {
    vhost_traffic_status_zone;  # 必须声明,启用统计区
    vhost_traffic_status_filter_by_host on;  # 关键:开启按 host(即 server_name)过滤
<pre class="brush:php;toolbar:false;">server {
    listen 80;
    server_name api.example.com;
    location / {
        proxy_pass http://backend_api;
    }
}

server {
    listen 80;
    server_name www.example.com;
    location / {
        root /var/www/html;
    }
}

# 暴露监控页面和 API(建议加访问控制)
server {
    listen 127.0.0.1:8080;
    location /status {
        vhost_traffic_status_display;
        vhost_traffic_status_display_format html;  # 或 json
    }
    location /status/format/json {
        vhost_traffic_status_display;
        vhost_traffic_status_display_format json;
    }
}

}

Nginx Hosting
Nginx Hosting

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

下载

注意:vhost_traffic_status_filter_by_host on 是实现 server_name 维度统计的关键开关;若关闭,所有 server 将合并为一个默认组。

三、访问监控数据与解读 server_name 维度指标

重启 Nginx 后,可通过以下地址查看:

  • HTML 页面:http://127.0.0.1:8080/status —— 直观表格,每行对应一个 server_name,显示总计数、实时 QPS、2xx/4xx/5xx 分布、接收/发送字节数等
  • JSON 接口:http://127.0.0.1:8080/status/format/json —— 返回结构化数据,serverZones 字段下以 server_name 为 key,值为该域名全部指标对象

JSON 示例节选:

"serverZones": {
  "api.example.com": {
    "requestCounter": 12489,
    "inBytes": 32456789,
    "outBytes": 189045672,
    "responses": { "1xx": 0, "2xx": 11234, "3xx": 45, "4xx": 876, "5xx": 34 },
    "requestMsecCounter": 12489,
    "requestMsec": 145.6
  },
  "www.example.com": { ... }
}

该结构天然支持按域名做聚合分析、告警阈值设定或对接 Grafana(通过 Prometheus Exporter 或直接调用 JSON)。

四、生产环境实用建议

为保障稳定性与安全性,上线前注意:

  • 监控端口(如 8080)严禁暴露到公网,务必用 allow 127.0.0.1 + deny all 或反向代理加 Basic Auth
  • VTS 本身轻量,但高频轮询 JSON 接口可能增加 CPU 开销,建议采集间隔 ≥ 10s
  • 若使用 Nginx Plus,原生支持更丰富的虚拟主机级监控,无需 VTS;社区版场景下 VTS 是成熟可靠的选择
  • 配合 log_format 和 map 指令,可进一步将 server_name 注入 access_log,用于日志侧交叉验证

不复杂但容易忽略:确保所有 server 块都有明确且唯一的 server_name,通配符(如 *.example.com)也能被识别,但泛域名建议搭配 server_name_in_redirect off 避免重定向歧义。

相关专题

更多
nginx 重启
nginx 重启

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

2023.07.27

423

5

nginx 配置详解
nginx 配置详解

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

2023.08.04

3807

6

nginx配置详解
nginx配置详解

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

2023.08.04

6585

6

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

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

2024.02.23

581

5

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

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

2024.07.09

1496

5

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

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

2024.08.07

3978

3

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

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

2026.01.13

122

12

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

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

2026.01.13

517

23

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

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

2026.03.16

179

12

热门下载

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

精品课程

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

共0课时 | 0人学习

nginx手册
nginx手册

共0课时 | 0人学习

进程与SOCKET
进程与SOCKET

共6课时 | 0.5万人学习