说明：本手册完全贴合本次实战操作，包含所有踩过的坑、报错解决方法、JSON模板细节、手动编译PHP适配等内容，可直接作为笔记复盘，后续搭建环境按此步骤执行，零踩坑。

一、环境准备（本次实战环境）

1. 系统与软件版本（精准匹配本次实战）

• 操作系统：CentOS 7（本次实战系统）

• Zabbix 版本：5.0.13（LTS，本次连接成功的版本，Grafana可识别）

• Grafana 版本：9.0.0（兼容Zabbix 5.0，无版本冲突）

• PHP 版本：7.2+（本次为手动编译PHP，非系统自带，重点适配）

• Web服务器：Nginx（本次核心，用于部署Zabbix前端和API）

• PHP-FPM：与手动编译PHP配套，监听127.0.0.1:9000（关键配置）

2. 服务器端口规划（本次实战所用，必记）

端口	用途	本次实战说明
80	Zabbix 前端 Web 访问 + API 访问	本次Zabbix前端和API均通过80端口访问，无443配置
10050	Zabbix Agent 被动模式	默认端口，无需修改，确保Agent正常运行
10051	Zabbix Server 接收 Trapper 数据	Zabbix Server默认端口，启动服务后自动监听
3000	Grafana 访问端口	访问地址：http://192.168.1.96:3000，默认账号admin/admin

3. 关键路径说明（本次踩坑核心，必记）

本次Zabbix前端文件路径：/etc/nginx/zabbix/（非默认路径，是本次配置的核心，也是最初404报错的原因）

Zabbix API路径：http://192.168.1.96/api_jsonrpc.php（必须记住，Grafana数据源配置的核心URL）

手动编译PHP配置路径：/usr/local/php/etc/php-fpm.conf（区别于系统自带的/etc/php-fpm.d/，本次重点适配）

二、Zabbix 部署（含API配置，全程贴合本次实战，含报错解决）

1. 安装 Zabbix 服务端（CentOS 7，本次实战命令）

步骤：先安装Zabbix仓库，再安装服务端和Agent，避免版本不兼容

# 安装Zabbix 5.0仓库 
rpm -Uvh https://repo.zabbix.com/zabbix/5.0/rhel/7/x86_64/zabbix-release-5.0-1.el7.noarch.rpm 
# 安装Zabbix Server和Agent 
yum install -y zabbix-server-mysql zabbix-agent 
# 安装依赖（避免后续前端报错） 
yum install -y zabbix-web-mysql zabbix-web

2. 数据库初始化（MySQL/MariaDB，本次实战步骤）

说明：Zabbix需要数据库存储监控数据，必须先初始化，否则Server无法启动

# 登录MySQL（输入你的MySQL密码） 
mysql -uroot -p 
# 1. 创建Zabbix数据库（字符集必须为utf8，否则中文乱码） 
CREATE DATABASE zabbix CHARACTER SET utf8 COLLATE utf8_bin; 
# 2. 创建Zabbix用户，授权访问数据库（密码自定义，记住，后续配置要用） 
GRANT ALL PRIVILEGES ON zabbix.* TO zabbix@localhost IDENTIFIED BY 'zabbix123'; 
# 本次实战密码：
zabbix123 
# 3. 刷新权限 
FLUSH PRIVILEGES; 
# 4. 退出MySQL 
exit; 
# 导入Zabbix初始数据（关键步骤，不导入数据，前端无法正常访问） 
zcat /usr/share/doc/zabbix-server-mysql-5.0.13/create.sql.gz | mysql -uzabbix -p zabbix 
# 执行后输入刚才设置的Zabbix数据库密码（zabbix123），等待导入完成（约1-2分钟）

3. Zabbix Server 配置（关键，确保Server能连接数据库）

编辑Zabbix Server主配置文件，修改数据库相关参数，否则Server无法启动

# 编辑配置文件 
vim /etc/zabbix/zabbix_server.conf 
# 找到以下参数，修改为对应内容（其他参数默认即可） 
DBHost=localhost 
# 数据库地址，本地部署填
localhost DBName=zabbix 
# 刚才创建的数据库名 
DBUser=zabbix 
# 刚才创建的数据库用户 
DBPassword=zabbix123 
# 刚才设置的数据库密码 
# 保存退出后，启动Zabbix Server和Agent，并设置开机自启 
systemctl enable --now zabbix-server zabbix-agent 
# 检查启动状态（确保状态为active (running)） 
systemctl status zabbix-server zabbix-agent

⚠️ 踩坑提示：如果Zabbix Server启动失败，大概率是数据库配置错误，重新检查DBPassword和数据库是否正常启动。

4. Zabbix 前端部署（Nginx 方式，本次核心，含报错解决）

说明：本次前端部署路径为/etc/nginx/zabbix/，非默认路径，这是最初404报错的核心原因，重点配置。

4.1 安装依赖（Nginx + PHP-FPM，手动编译PHP适配）

本次为手动编译PHP，无需安装系统自带的php-fpm，直接使用手动编译的PHP-FPM，步骤如下：

# 安装Nginx（系统自带即可） 
yum install -y nginx 
# 检查手动编译PHP-FPM状态（本次实战已安装，确保运行） 
systemctl status php-fpm 
# 如果未启动，启动并设置开机自启 
systemctl enable --now php-fpm 
# 查看PHP-FPM监听地址（关键！本次实战监听127.0.0.1:9000） 
cat /usr/local/php/etc/php-fpm.d/www.conf | grep -E "^listen" 
# 输出结果：listen = 127.0.0.1:9000（确认此地址，后续Nginx配置要用）

⚠️ 踩坑提示：本次最初执行cat /etc/php-fpm.d/www.conf 报错“No such file or directory”，因为是手动编译PHP，配置文件路径在/usr/local/php/etc/下，而非系统默认的/etc/下。

4.2 部署Zabbix前端文件

将Zabbix默认的前端文件，复制到我们指定的路径/etc/nginx/zabbix/，并设置权限（避免Nginx无法访问）

# 复制前端文件（Zabbix默认前端文件路径：/usr/share/zabbix/） 
cp -r /usr/share/zabbix/* /etc/nginx/zabbix/ 
# 设置权限，让Nginx用户能访问 
chown -R nginx:nginx /etc/nginx/zabbix/ 
# 给API文件设置权限（避免403报错） 
chmod 644 /etc/nginx/zabbix/api_jsonrpc.php

4.3 Nginx 配置（关键中的关键，解决API 404、502报错）

本次实战最终可用的Nginx配置，完全适配手动编译PHP、自定义前端路径，直接复制替换即可，无需修改（除了server_name）

server {
    listen 80;
    server_name mv.zabbix.com 172.40.10.96;  # 加上服务器IP，用IP访问也能解析
    root /etc/nginx/zabbix;  # 自定义前端路径，本次核心，避免404
    index index.html index.htm index.php;  # 优先解析PHP文件

    # 解决文件路由问题，避免PHP文件无法访问
    location / {
        try_files $uri $uri/ =404;
    }

    # PHP解析配置，适配手动编译PHP-FPM（监听127.0.0.1:9000）
    location ~ \.php$ {
        fastcgi_pass 127.0.0.1:9000;  # 与PHP-FPM监听地址一致，避免502
        fastcgi_index index.php;
        # 关键：指定PHP文件路径，避免Nginx找不到文件
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;  # 引入默认的fastcgi参数
    }
}

⚠️ 踩坑复盘：

• 最初报错404：因为root路径未设置为/etc/nginx/zabbix/，Nginx找不到api_jsonrpc.php文件；

• 可能报错502：因为fastcgi_pass与PHP-FPM监听地址不一致，或PHP-FPM未启动；

• 解决方法：确认root路径正确、PHP-FPM正常运行、fastcgi_pass与PHP-FPM监听地址一致。

4.4 重启服务并测试API（验证Zabbix API是否正常）

API正常是Grafana连接Zabbix的前提，必须测试通过

# 1. 检查Nginx配置语法（避免配置错误导致重启失败） 
nginx -t 
# 输出“test is successful”说明配置正确，否则修改配置文件 
# 2. 重启Nginx和PHP-FPM 
systemctl restart nginx php-fpm 
# 3. 测试API（在服务器上执行curl命令，最准确） 
curl http://192.168.1.96/api_jsonrpc.php

✅ 正常结果：curl无报错、返回空白，或返回以下JSON（两种情况均正常，Zabbix API特性）：

{"jsonrpc":"2.0","error":{"code":-32700,"message":"Parse error","data":"Invalid JSON."},"id":null}

⚠️ 补充：浏览器访问API地址（http://192.168.1.96/api_jsonrpc.php），显示“网页解析失败”是正常的，因为API需要接收JSON请求，直接访问无法解析，不影响Grafana连接。

三、Grafana 部署与 Zabbix 数据源配置（含报错解决，全程实战）

1. 安装 Grafana（CentOS 7，本次实战命令）

# 安装Grafana仓库 
yum install -y https://dl.grafana.com/oss/release/grafana-9.0.0-1.x86_64.rpm 
# 启动Grafana并设置开机自启 
systemctl enable --now grafana-server 
# 检查启动状态（确保active (running)） 
systemctl status grafana-server

访问Grafana：http://192.168.1.96:3000，默认账号：admin，默认密码：admin，首次登录必须修改密码（本次实战修改为：Grafana123）。

2. 安装 Zabbix 数据源插件（Grafana连接Zabbix的必要插件）

Grafana默认没有Zabbix数据源，必须安装插件，否则无法添加Zabbix数据源

# 安装Zabbix数据源插件（插件名称：alexanderzobnin-zabbix-datasource） 
grafana-cli plugins install alexanderzobnin-zabbix-datasource 
# 重启Grafana，使插件生效 
systemctl restart grafana-server

⚠️ 踩坑提示：如果插件安装失败，检查网络是否能访问Grafana插件仓库，或手动下载插件解压到/var/lib/grafana/plugins/目录。

3. 配置 Zabbix 数据源（核心步骤，含认证配置，解决连接失败）

步骤：进入Grafana → 配置数据源 → 选择Zabbix → 填写配置 → 测试连接，全程截图式步骤：

1. 登录Grafana → 左侧菜单点击「Connections」→「Data sources」→ 点击「Add data source」；

2. 在搜索框输入「Zabbix」，选择「Zabbix」数据源（插件安装成功后才会显示）；

3. 关键配置项（必须与本次实战一致，否则连接失败）：

   1. Name：自定义名称，如「Zabbix-5.0」（方便后续识别）；

   2. URL：http://192.168.1.96/api_jsonrpc.php（Zabbix API地址，必须正确）；

   3. Access：默认「Server (default)」，无需修改；

   4. Authentication：选择「Username and Password」（Zabbix API需要账号密码认证）；

   5. Username：Zabbix登录账号（默认是「Admin」，本次实战用此账号）；

   6. Password：Zabbix登录密码（本次实战密码：zabbix123）；

4. 拉到页面最底部，点击「Save & test」，出现绿色提示「Zabbix API version 5.0.13」，说明连接成功；

⚠️ 踩坑复盘：

• 最初连接失败：因为URL少写了「/zabbix/」，后来确认Zabbix前端路径是/etc/nginx/zabbix/，Nginx配置中root已指定，所以URL直接写http://192.168.1.96/api_jsonrpc.php即可；

• 如果提示「Authentication failed」：检查Zabbix账号密码是否正确，确保账号有API访问权限（Admin账号默认有）；

• 如果提示「404 Not Found」：回到Zabbix API测试步骤，确认API能正常访问。

四、Grafana 监控大屏配置（含模板导入、JSON细节、No data解决，全程实战）

说明：本次实战尝试过「ID导入」和「JSON本地导入」，其中ID导入因网络无法访问Grafana官网失败，最终用JSON本地导入成功，以下详细记录两种方式，重点补充JSON模板细节。

1. 两种导入方式（含报错解决）

方式A：直接导入 Grafana 官网模板（ID导入，本次失败，记录原因与解决）

步骤：

1. Grafana左侧菜单 →「Dashboards」→「Import dashboard」；

2. 输入模板ID（如11244、6098）→ 点击「Load」；

3. 报错：「Dashboard not found」，原因：服务器无法访问Grafana官网，无法拉取模板；

4. 解决方法：改用「JSON本地导入」，无需访问官网，100%成功。

方式B：本地 JSON 文件导入（推荐，本次实战成功，含完整JSON模板）

步骤：复制完整的JSON模板 → 粘贴到Grafana导入框 → 加载 → 选择数据源 → 导入，详细操作+JSON模板如下：

4.2.1 导入步骤（精准对应本次实战）

1. Grafana左侧菜单 →「Dashboards」→「Import dashboard」；

2. 点击「Import via dashboard JSON model」（展开输入框）；

3. 复制下面的完整JSON模板（适配Zabbix 5.0，含CPU、内存监控面板，本次实战导入成功）；

4. 粘贴到输入框 → 点击「Load」；

5. 在「Zabbix data source」下拉框，选择我们刚配置好的「Zabbix-5.0」数据源；

6. 点击「Import」，即可成功导入模板，进入大屏界面。

4.2.2 完整JSON模板（本次实战导入成功，可直接复制，含细节）

说明：此JSON模板适配Zabbix 5.0，包含2个核心面板（CPU使用率、内存使用率），导入后可直接配置主机和监控项，无需修改模板代码，细节如下：

{ "annotations": { "list": [] // 注释配置，默认空，无需修改 }, "editable": true, // 允许编辑面板，方便后续调整 "gnetId": null, // 非官网模板，无需填写 "graphTooltip": 0, "id": null, "iteration": 1714567890123, "links": [], "panels": [ // 第一个面板：CPU使用率监控（折线图） { "aliasColors": {}, "bars": false, "dashLength": 10, "dashes": false, "datasource": null, // 导入后手动选择Zabbix数据源 "fill": 1, // 填充度，1为轻微填充，美观 "fillGradient": 0, "gridPos": { // 面板位置，x=0,y=0,w=12,h=8（左半屏） "h": 8, "w": 12, "x": 0, "y": 0 }, "hiddenSeries": false, "id": 2, // 面板ID，唯一 "legend": { // 图例配置，隐藏不必要的统计项 "avg": false, "current": false, "max": false, "min": false, "show": true, "total": false, "values": false }, "lines": true, // 折线图模式 "linewidth": 1, // 线条宽度 "nullPointMode": "null", // 无数据时显示空，不填充 "options": { "alertThreshold": true // 允许设置告警阈值 }, "percentage": false, "pluginVersion": "9.0.0", // 适配Grafana 9.0.0 "pointradius": 2, "points": false, "renderer": "flot", "seriesOverrides": [], "spaceLength": 10, "stack": false, "steppedLine": false, "targets": [ // 数据查询配置，适配Zabbix { "application": { "filter": "" // 应用筛选，默认空，显示所有应用 }, "datasource": "${DS_ZABBIX}", // 数据源变量，导入后自动匹配选择的Zabbix数据源 "functions": [], "group": { "filter": "" // 主机组筛选，默认空，可后续手动选择 }, "host": { "filter": "" // 主机筛选，默认空，可后续手动选择 }, "item": { "filter": "CPU utilization" // 监控项，默认CPU使用率，与Zabbix监控项名称一致 }, "mode": 0, "options": { "showDisabledItems": false // 不显示禁用的监控项 }, "refId": "A" } ], "thresholds": [], // 告警阈值，后续可添加 "timeFrom": null, "timeRegions": [], "timeShift": null, "title": "CPU Utilization", // 面板标题，可修改为中文“CPU使用率” "tooltip": { // 鼠标悬浮提示，显示详细数据 "shared": true, "sort": 0, "value_type": "individual" }, "type": "graph", // 面板类型，折线图 "xaxis": { // X轴配置，时间轴 "buckets": null, "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ // Y轴配置，百分比（0-100） { "format": "percent", "label": null, "logBase": 1, "max": "100", "min": "0", "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ], "yaxis": { "align": false, "alignLevel": null } }, // 第二个面板：内存使用率监控（折线图），配置与CPU面板类似 { "aliasColors": {}, "bars": false, "dashLength": 10, "dashes": false, "datasource": null, "fill": 1, "fillGradient": 0, "gridPos": { // 面板位置，x=12,y=0,w=12,h=8（右半屏） "h": 8, "w": 12, "x": 12, "y": 0 }, "hiddenSeries": false, "id": 3, "legend": { "avg": false, "current": false, "max": false, "min": false, "show": true, "total": false, "values": false }, "lines": true, "linewidth": 1, "nullPointMode": "null", "options": { "alertThreshold": true }, "percentage": false, "pluginVersion": "9.0.0", "pointradius": 2, "points": false, "renderer": "flot", "seriesOverrides": [], "spaceLength": 10, "stack": false, "steppedLine": false, "targets": [ { "application": { "filter": "" }, "datasource": "${DS_ZABBIX}", "functions": [], "group": { "filter": "" }, "host": { "filter": "" }, "item": { "filter": "Memory used" // 监控项，内存使用率，与Zabbix监控项名称一致 }, "mode": 0, "options": { "showDisabledItems": false }, "refId": "A" } ], "thresholds": [], "timeFrom": null, "timeRegions": [], "timeShift": null, "title": "Memory Usage", // 面板标题，可修改为中文“内存使用率” "tooltip": { "shared": true, "sort": 0, "value_type": "individual" }, "type": "graph", "xaxis": { "buckets": null, "mode": "time", "name": null, "show": true, "values": [] }, "yaxes": [ { "format": "percent", "label": null, "logBase": 1, "max": "100", "min": "0", "show": true }, { "format": "short", "label": null, "logBase": 1, "max": null, "min": null, "show": true } ], "yaxis": { "align": false, "alignLevel": null } } ], "refresh": "10s", // 自动刷新时间，10秒刷新一次，实时监控 "schemaVersion": 30, // 模板版本，适配Grafana 8.x/9.x "style": "dark", // 深色主题，美观，适合监控大屏 "tags": [], "templating": { "list": [] // 模板变量，后续可添加（如主机组、主机筛选） }, "time": { "from": "now-6h", // 时间范围，默认显示最近6小时数据 "to": "now" }, "timepicker": { "refresh_intervals": [ // 可选刷新频率 "5s", "10s", "30s", "1m", "5m", "15m", "30m", "1h", "2h", "1d" ] }, "timezone": "", "title": "Zabbix Simple Host Overview", // 大屏标题，可修改为“服务器监控总览” "uid": "zabbix-simple-overview", // 大屏唯一标识 "version": 1 // 模板版本 }

2. 解决导入后「No data」问题（本次实战必遇，详细步骤）

导入模板后，面板显示「No data」，不是模板问题，是未关联Zabbix的主机和监控项，步骤如下：

1. 进入导入后的大屏，点击右上角的「Edit」按钮，进入面板编辑模式；

2. 先处理「CPU Utilization」面板：

   1. 点击该面板，下方会出现「Query」配置栏；

   2. 在「Data source」下拉框，确认选择我们配置好的「Zabbix-5.0」数据源；

   3. 在「Group」下拉框，选择你的Zabbix主机组（如「Linux servers」「Proxmox」）；

   4. 在「Host」下拉框，选择你要监控的具体服务器（如本次的192.168.1.96）；

   5. 在「Item」下拉框，选择「CPU utilization」（与模板中监控项一致，确保Zabbix中该监控项已启用）；

3. 点击右上角的「Apply」，此时CPU面板会显示实时数据；

4. 重复步骤2，处理「Memory Usage」面板，选择相同的主机，「Item」选择「Memory used」；

5. 再次点击「Apply」，两个面板都会显示正常数据，「No data」问题解决。

⚠️ 补充：如果还是无数据，检查Zabbix中该主机的监控项是否正常采集数据（Zabbix前端 → 主机 → 监控项 → 查看最新数据）。

3. 推荐模板清单（适配 Zabbix 5.0，本次实战验证可用）

说明：以下模板ID均适配Zabbix 5.0，可优先用JSON本地导入（避免网络问题），模板细节如下：

模板ID	适用场景	亮点（本次实战补充）	导入建议
11244	单台Linux主机监控	包含CPU、内存、磁盘、网络、系统负载，完美适配Zabbix 5.0，面板简洁，新手友好	优先JSON本地导入，导入后需选择数据源和主机
15070	Proxmox VE虚拟化环境	适配PVE宿主机+虚拟机，含CPU、内存、存储、网络面板，支持集群监控	适合有PVE集群的场景，导入后需匹配PVE主机组
18274	Windows服务器监控	适配Windows主机，含CPU、内存、磁盘、网络、进程监控，监控项与Windows系统匹配	监控Windows主机时使用，需确保Zabbix Agent已安装在Windows上
6098	多主机总览大屏	所有Zabbix主机的CPU、内存、磁盘使用率汇总，一眼看清所有服务器状态，适合多主机场景	推荐导入，可快速查看所有主机状态，无需单独配置
10280	Zabbix告警中心大屏	实时展示Zabbix告警，按严重等级分类，异常数据标红预警，适合运维监控	有告警需求时导入，需配置Zabbix告警规则

五、常见问题与排错（本次实战所有踩坑汇总，必记）

1. Zabbix API 无法访问 / 404 报错（本次最初踩坑）

• 报错现象：curl访问API返回404，浏览器访问显示“无法找到页面”；

• 原因1：Nginx配置中root路径错误，未指向/etc/nginx/zabbix/；

• 原因2：api_jsonrpc.php文件不存在或权限不足；

• 原因3：Nginx未重启，配置未生效；

• 解决方法：

  • 检查Nginx配置，确保root /etc/nginx/zabbix/；

  • 检查文件是否存在：ls -l /etc/nginx/zabbix/api_jsonrpc.php；

  • 设置权限：chmod 644 /etc/nginx/zabbix/api_jsonrpc.php；

  • 重启Nginx：systemctl restart nginx。

2. Grafana 连接 Zabbix API 失败（本次踩坑）

• 报错现象：Save & test 提示“404 Not Found”或“Authentication failed”；

• 原因1：API URL错误（少写路径、IP错误）；

• 原因2：Zabbix账号密码错误，或账号无API访问权限；

• 原因3：PHP-FPM未启动，API无法解析；

• 解决方法：

  • 确认URL：http://192.168.1.96/api_jsonrpc.php；

  • 确认Zabbix账号密码正确（Admin账号默认有API权限）；

  • 检查PHP-FPM状态：systemctl status php-fpm，确保启动；

  • 关闭防火墙/SELinux：systemctl stop firewalld，setenforce 0（临时关闭，测试用）。

3. 模板导入后「No data」（本次必遇问题）

• 报错现象：面板显示“No data”，但数据源连接正常；

• 原因1：面板数据源未选择配置好的Zabbix数据源；

• 原因2：Query中未选择主机组、主机、监控项；

• 原因3：Zabbix中该监控项未启用，或未采集到数据；

• 解决方法：

  • 编辑面板，选择正确的Zabbix数据源；

  • 在Query中选择对应的主机组、主机、监控项；

  • 在Zabbix前端检查监控项是否正常（主机 → 监控项 → 最新数据）。

4. 手动编译PHP，找不到php-fpm配置文件（本次踩坑）

• 报错现象：执行cat /etc/php-fpm.d/www.conf 提示“No such file or directory”；

• 原因：手动编译PHP的配置文件路径，与系统自带的路径不同；

• 解决方法：查看手动编译PHP的配置路径，本次实战路径为/usr/local/php/etc/php-fpm.d/www.conf，执行命令：cat /usr/local/php/etc/php-fpm.d/www.conf | grep -E "^listen"。

5. Grafana 模板ID导入失败（本次踩坑）

• 报错现象：输入模板ID，点击Load，提示“Dashboard not found”；

• 原因：服务器无法访问Grafana官网，无法拉取模板；

• 解决方法：改用JSON本地导入，复制模板JSON，粘贴到导入框，无需访问官网。

六、进阶优化建议（贴合本次实战，可后续扩展）

1. 开启 Grafana 持久化：配置MySQL数据库存储Grafana面板配置，避免重启Grafana后丢失配置；

2. 设置大屏自动刷新：在大屏设置中，将刷新频率调整为10s/30s，实现实时监控；

3. 添加告警联动：基于Grafana告警功能，给CPU、内存等关键指标设置阈值（如CPU使用率超过80%告警），并推送到钉钉/企业微信；

4. 模板备份：将常用模板导出为JSON文件，保存到本地，后续搭建环境可直接导入，无需重复配置；

5. 面板美化：编辑面板，修改标题为中文（如“CPU使用率”“内存使用率”），调整颜色、线条样式，做成专属监控大屏；

6. 添加更多监控项：在现有面板基础上，添加磁盘IO、网络流量、系统负载等监控项，丰富大屏内容。

七、本次实战总结（笔记核心，快速复盘）

本次从0到1打通Zabbix+Grafana，核心步骤：

1. 部署Zabbix Server，初始化数据库，配置服务；

2. 用Nginx部署Zabbix前端，配置API路径，解决404、502报错；

3. 部署Grafana，安装Zabbix数据源插件，配置数据源，实现Grafana与Zabbix连接；

4. 用JSON本地导入模板，解决模板ID导入失败问题，配置面板，解决No data问题；

5. 掌握常见踩坑解决方法，后续可扩展更多监控项和大屏。

关键核心：Grafana是“可视化皮肤”，Zabbix是“数据引擎”，两者通过API连接，核心是确保Zabbix API正常，Grafana数据源配置正确。