【开源推荐】AnGe-ClashBoard：“zashboard 完整体”全能网络面板
在网络流量控制和分流管理中，选择一个趁手的可视化面板至关重要。无论是经典的 Yacd，还是后来的 MetaCubeXD，都在不同程度上解决了“看得见”的问题。然而，面对日益繁杂的策略组嵌套、分流黑盒以及多设备浏览器缓存丢失等痛点，我们往往需要更深度、更原生的管理工具。
今天为大家推荐一款在开源社区备受瞩目的高颜值、强生态网络内核面板项目——AnGe-ClashBoard。
该项目基于优秀的开源面板 zashboard 进行二次开发，作者【安格视界】liandu2024 将其打造成了“zashboard 完整体”。它不仅拥有现代化的前端视觉，更引入了轻量级后端服务，彻底解决了传统纯前端面板的多项顽疾。
技术栈：Vue 3 + TypeScript + Vite + TailwindCSS + Node.js (SQLite)
核心痛点与解决方案：为什么选择 AnGe-ClashBoard？
1. 纯前端面板的“失忆症” -> 服务端 SQLite 持久化
传统的 Clash 面板多为纯前端静态页面，用户的面板设置、自定义背景、节点图标映射等数据均存储在浏览器的 LocalStorage 或 IndexedDB 中。一旦清理浏览器缓存、开启隐私模式或更换设备，所有个性化配置瞬间烟消云散。 AnGe-ClashBoard 内置了轻量级 Node 服务与 SQLite 数据库。你的所有设置、背景图、规则缓存都保存在服务端（默认路径 ./data/zashboard.sqlite），实现真正的跨设备、跨浏览器数据同步，再也不怕缓存丢失。
2. 多重嵌套策略组的“黑盒状态” -> 策略穿透
当分流策略组层层嵌套（如：全流向 -> 代理选择 -> 地区节点 -> 具体节点）时，传统面板只能看到当前层级的策略组名称，很难一眼看清最终流量走的是哪一个落地节点。 AnGe-ClashBoard 支持“策略穿透”功能，可以直接在面板上展开策略组内部的节点和子策略链路。当前命中的策略、候选节点状态、最终出口一目了然，极大提升了节点观测的直观性。
3. 分流异常排错困难 -> 规则穿透与深度查询
当某个网站无法访问或走错了分流，在传统日志里捞数据无异于大海捞针。 AnGe-ClashBoard 提供了极为强悍的“规则穿透”功能。支持按域名、IP 和关键字实时查询规则命中结果。它不仅能展示规则来源和匹配类型，还能完整展示策略链路与最终节点，甚至支持 .mrs 域名规则集解析、规则顺序排序与兜底规则检测。分流排错，一键搞定。
4. 公网暴露安全风险 -> 后端中转控制器数据
若想在外网远程管理家中的网络内核，通常需要将控制器的端口（如 9090）通过 DDNS 或内网穿透暴露到公网，这带来了极大的安全隐患。 AnGe-ClashBoard 支持后端中转数据。当你将面板部署在公网或 VPS 上时，面板的 Node 后端会作为中转站，公网访问面板时无需直接暴露控制器的核心端口，大幅提升了家庭网络架构的安全系数。
全貌内核支持
作为一款通用运行态管理、观测与排错面板，AnGe-ClashBoard 展现出了极强的生态兼容性，完美支持以下主流内核与插件的 API 对接：
Mihomo (原 Clash.Meta)
OpenClash
Nikki
sing-box
标准 Clash API
核心功能特色一览
灵活的图标管理：支持自定义图标映射、上传、拖拽、复制和删除，可分别为策略组、节点组配置极具辨识度的专属个性化图标。
规则缓存自更新：能够根据 YAML 配置中的
interval自动更新分流规则缓存，刷新规则时还可以显示累计规则数量，支持手动停止。高颜值 UI 设计：完美适配自适应暗黑模式，完美继承并优化了现代网页的拖拽与预览交互。
部署与升级指南（多架构支持）
AnGe-ClashBoard 提供了极简的 Docker 容器化部署方案，官方镜像已发布至 GHCR，完美支持 linux/amd64、linux/arm64 以及 linux/arm/v7，非常适合部署在 Linux 服务器、软路由、NAS 或局域网树莓派环境中。
1. 一键脚本安装（推荐）
默认安装目录为 /opt/ange-clashboard，默认端口为 2048。
Bash
curl -fsSL https://raw.githubusercontent.com/liandu2024/AnGe-ClashBoard/main/scripts/install.sh | bash
若需要自定义端口（例如改为 8080）：
Bash
curl -fsSL https://raw.githubusercontent.com/liandu2024/AnGe-ClashBoard/main/scripts/install.sh | bash -s -- 8080
安装完成后，直接访问 http://<你的服务器IP>:端口 即可进入面板。
2. 标准 Docker Run 部署
如果你更倾向于手动管理容器，可以使用以下命令：
Bash
docker run -d \
--name ange-clashboard \
-p 2048:2048 \
-v ./data:/app/data \
--restart unless-stopped \
ghcr.io/liandu2024/ange-clashboard:latest
3. 无损升级
由于引入了服务端存储，大家可能会担心升级时配置丢失。AnGe-ClashBoard 做到了完全无损升级。升级时会保留原有的 ./data 目录（包含你的所有设置、背景图和规则缓存）。
通过一键脚本升级：
Bash
curl -fsSL https://raw.githubusercontent.com/liandu2024/AnGe-ClashBoard/main/scripts/update.sh | bash
(注：建议在升级前，在面板内点击一次“导出设置”进行额外备份，以防万一。)
4. NAS里面的docker-compose部署
version: '3.8'
services:
ange-clashboard:
image: ghcr.io/liandu2024/ange-clashboard:latest
container_name: ange-clashboard
restart: unless-stopped
ports:
- "2048:2048" # 冒号前面是你准备在浏览器访问的端口，可以根据需要修改（例如 "8080:2048"）
volumes:
- ./data:/app/data # 挂载数据目录，用于持久化存储 SQLite 数据库、自定义背景图和规则缓存
environment:
- NODE_ENV=production
# 如果需要自定义容器内的数据库或规则源路径，可以取消下方注释并修改
# - ZASHBOARD_DB_PATH=/app/data/zashboard.sqlite
# - ZASHBOARD_RULE_SOURCE_PATH=/app/data/rule-source.yaml
healthcheck:
test: ["CMD", "curl", "-f", "http://127.0.0.1:2048/api/health"]
interval: 30s
timeout: 10s
retries: 3
start_period: 10s使用说明
启动容器： 在
docker-compose.yml文件所在目录下执行以下命令后台运行：
docker compose up -d
无损升级： 未来如果项目发布了新版本，由于你的数据都保存在本地的
./data目录中，你可以放心运行以下命令进行无损升级：
docker compose pull
docker compose up -d
查看日志： 如果需要排查运行状态或连接问题，可以使用以下命令查看实时日志：
docker compose logs -f ange-clashboard使用方式：浏览器输入http://<你的服务器IP>:2048 然后输入你的OpClash的IP+9090端口即可
结语
AnGe-ClashBoard 的出现，成功将 Clash/sing-box 面板从“纯静态前端工具”带入了“前后端结合的完整体生态”。它不仅在视觉上赏心悦目，在策略穿透和规则排错这两个硬核功能上更是做到了极致，配合 SQLite 持久化，完美解决了多设备用户的痛点。
如果你正在寻找一款能够深度掌控网络流量、排查分流异常且支持跨设备同步的高性能面板，强烈建议将 AnGe-ClashBoard 纳入你的网络工具箱！
欢迎前往 GitHub 为作者送上一颗⭐ Star 支持开源创作： 👉 liandu2024/AnGe-ClashBoard