面向npm的实时仪表板Dashly

之前介绍过读取 npm 日志的 GoAccess,这次介绍的是能动态跟踪和显示您 npm 中所有服务的轻量级实时仪表板 -- Dashly

简介

什么是 Dashly ?

Dashly 是一个为 Nginx Proxy Manager 用户定制的实时仪表板。它通过自动与 NPM 数据库同步来简化您监控和组织服务的方式。这意味着您无需手动编辑仪表板配置文件(如 YAML),它会根据 NPM 中的域配置动态跟踪和显示您的所有服务。

主要特点

  1. 自动更新Dashly 会自动从 Nginx Proxy Manager 数据库读取数据,实时更新仪表板,免去手动编辑 YAML 配置文件的麻烦。
  2. 交互式用户界面:用户可以通过拖放的方式组织服务,切换网格和列表视图,并快速搜索和过滤服务。
  3. 可自定义外观:支持多种主题,包括亮色和暗色模式,用户可以选择隐藏非活动服务。
  4. 分组管理:允许用户将服务分类到可自定义的组中,方便重命名和排序。
  5. 简化管理Dashly 针对 Nginx Proxy Manager 用户,帮助他们更轻松地监控和组织服务,提升效率。

整体而言,Dashly 是一个轻量级且功能强大的工具,旨在帮助用户更好地管理和监控其网络服务。

准备

既然是面向 Nginx Proxy Manager 的,那首先应该是要安装 npm,不过目前 Dashly 只支持 SQLite,所以不能用 MariaDB 做数据库的安装方法

文章传送门:反向代理服务器nginx-proxy-manager

而是要采用下文中的方法安装 npm

文章传送门:用自定义域名访问tailscale节点

简单来说就是,不要设置数据库变量

yaml 复制代码
version: '3'

services:
  app:
    image: 'jc21/nginx-proxy-manager:latest'
    container_name: npm
    restart: unless-stopped
    ports:
      - '80:80'
      - '81:81'
      - '443:443'
    volumes:
      - ./data:/data
      - ./letsencrypt:/etc/letsencrypt

npm 设置正常后,可以添加几个站点试试

FileStation 中找到 npm 的数据库 database.sqlite 文件

右键属性,可以获取到完整的路径

准备工作完成后,可以开始我们今天的正题,安装 Dashly

安装

在群晖上以 Docker 方式安装。

在注册表中搜索 dashly ,选择第一个 lklynet/dashly,版本选择 latest

本文写作时, latest 版本还是测试版,最新的稳定版是 v2.0.2

docker 文件夹中,创建一个新文件夹 dashly,并在其中建一个子文件夹 data

文件夹 装载路径 说明
docker/npm/data/database.sqlite /nginx/database.sqlite npm 的数据库文件
docker/dashly/data /data 存放设置文件

端口

本地端口不冲突就行,不确定的话可以用命令查一下

bash 复制代码
# 查看端口占用
netstat -tunlp | grep 端口号
本地端口 容器端口
8732 8080

命令行安装

如果你熟悉命令行,可能用 docker cli 更快捷

bash 复制代码
# 新建文件夹 dashly 和 子目录
mkdir -p /volume1/docker/dashly/data

# 进入 dashly 目录
cd /volume1/docker/dashly

# 运行容器
docker run -d \
  --name dashly \
  --restart unless-stopped \
  -p 8732:8080 \
  -v /volume1/docker/npm/data/database.sqlite:/nginx/database.sqlite:ro \
  -v $(pwd)/data:/data \
  lklynet/dashly:latest

也可以用 docker-compose 安装,将下面的内容保存为 docker-compose.yml 文件

yaml 复制代码
version: '3'

services:
  dashly:
    image: lklynet/dashly:latest
    container_name: dashly
    restart: unless-stopped
    ports:
      - "8732:8080"
    volumes:
      - /volume1/docker/npm/data/database.sqlite:/nginx/database.sqlite:ro
      - ./data:/data

然后执行下面的命令

bash 复制代码
# 新建文件夹 dashly 和 子目录
mkdir -p /volume1/docker/dashly/data

# 进入 dashly 目录
cd /volume1/docker/dashly

# 将 docker-compose.yml 放入当前目录

# 一键启动
docker-compose up -d

运行

在浏览器中输入 http://群晖IP:8732 就能看到主界面

点右上角的 Edit 添加分类等

参考文档

lklynet/dashly: Dashly is a customizable, real-time dashboard for Nginx Proxy Manager users

地址:https://github.com/lklynet/dashly
Dashly - Dynamic Dashboard for Nginx Proxy

地址:https://dashly.lkly.net/

相关推荐
静心观复1 小时前
DNS缓存
网络·缓存
炎码工坊1 小时前
在Linux上安装Docker并配置镜像加速器:从入门到实战
linux·docker·云原生
fareast_mzh1 小时前
How API Gateways handle raw TCP packets
网络·网络协议·tcp/ip
Code_Geo1 小时前
LLM 使用 MCP 协议及其原理详解
网络·llm·协议·mcp
kongxx5 小时前
Docker Compose使用自定义用户名密码启动Redis
redis·docker·容器
528307 小时前
python网络编程
网络
gadiaola12 小时前
【计算机网络】第2章:应用层—DNS
网络·计算机网络
爱研究的小梁12 小时前
乾元通渠道商中标青海省自然灾害应急能力提升工程基层防灾项目
网络·智能路由器·信息与通信
?!71413 小时前
网络编程之网络编程预备知识
linux·网络·c++
mqiqe13 小时前
vue发版html 生成打包到docker镜像进行发版
vue.js·docker·html