面向npm的实时仪表板Dashly

server/2025/2/6 22:00:48/

在这里插入图片描述

之前介绍过读取 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节点

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

version: '3'services:app:image: 'jc21/nginx-proxy-manager:latest'container_name: npmrestart: unless-stoppedports:- '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.sqlitenpm 的数据库文件
docker/dashly/data/data存放设置文件

端口

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

# 查看端口占用
netstat -tunlp | grep 端口号
本地端口容器端口
87328080

命令行安装

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

# 新建文件夹 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 文件

version: '3'services:dashly:image: lklynet/dashly:latestcontainer_name: dashlyrestart: unless-stoppedports:- "8732:8080"volumes:- /volume1/docker/npm/data/database.sqlite:/nginx/database.sqlite:ro- ./data:/data

然后执行下面的命令

# 新建文件夹 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/


http://www.ppmy.cn/server/165513.html

相关文章

Java 2024年面试总结(持续更新)

目录 最近趁着金三银四面了五六家公司吧,也整理了一些问题供大家参考一下(适合经验三年左右的)。 面试问题(答案是我自己总结的,不一定正确): 总结: 最近趁着金三银四面了五六家公…

小程序项目-购物-首页与准备

前言 这一节讲一个购物项目 1. 项目介绍与项目文档 我们这里可以打开一个网址 https://applet-base-api-t.itheima.net/docs-uni-shop/index.htm 就可以查看对应的文档 2. 配置uni-app的开发环境 可以先打开这个的官网 https://uniapp.dcloud.net.cn/ 使用这个就可以发布到…

mysqldump+-binlog增量备份

注意:二进制文件删除必须使用help purge 不可用rm -f 会崩 一、概念 增量备份:仅备份上次备份以后变化的数据 差异备份:仅备份上次完全备份以后变化的数据 完全备份:顾名思义,将数据完全备份 其中,…

机器学习中的关键概念:通过SKlearn的MNIST实验深入理解

欢迎来到我的主页:【Echo-Nie】 本篇文章收录于专栏【机器学习】 1 sklearn相关介绍 Scikit-learn 是一个广泛使用的开源机器学习库,提供了简单而高效的数据挖掘和数据分析工具。它建立在 NumPy、SciPy 和 matplotlib 等科学计算库之上,支持…

如何用微信小程序写春联

​ 生活没有模板,只需心灯一盏。 如果笑能让你释然,那就开怀一笑;如果哭能让你减压,那就让泪水流下来。如果沉默是金,那就不用解释;如果放下能更好地前行,就别再扛着。 一、引入 Vant UI 1、通过 npm 安装 npm i @vant/weapp -S --production​​ 2、修改 app.json …

Docker 部署 Starrocks 教程

Docker 部署 Starrocks 教程 StarRocks 是一款高性能的分布式分析型数据库,主要用于 OLAP(在线分析处理)场景。它最初是由百度的开源团队开发的,旨在为大数据分析提供一个高效、低延迟的解决方案。StarRocks 支持实时数据分析&am…

【MyDB】4-VersionManager 之 3-死锁及超时检测

【MyDB】4-VersionManager 之 3-死锁及超时检测 死锁及超时检测案例背景LockTable锁请求与等待管理 addvm调用addputIntoList,isInList,removeFromList 死锁检测 hasDeadLock方法资源释放与重分配 参考资料 死锁及超时检测 本章涉及代码:top/…

【AI编程助手系列】国产AI编程工具 DeepSeek+Cline+VSCode 快速集成

文章目录 前言一、deepseek 介绍二、deepseek 优势三、什么是 Cline?3.1 安装与配置3.1.1 安装 Cline 插件3.1.2 获取 DeepSeek API Key3.1.3 配置 Cline 四、总结 前言 🤖 DeepSeek 是一个强大的 API 平台,提供了丰富的功能和数据&#xff…