家庭服务器从入门到精通 · 第 6 篇 · NPM代理到家庭首页导航中心全自动化智能化实现
家庭服务器从入门到精通 · 第 6 篇·NPM代理到家庭首页导航中心全自动化智能化实现本文是「家庭服务器从入门到精通」系列文章记录了从零搭建家庭服务器的完整过程。系列家庭服务器从入门到精通 · 第 6 篇作者妍杰丽云标签NPMPythonFlask自动化引言从38条代理到一键直达的智能导航NPMNginx Proxy Manager配好了38条代理整整齐齐。但问题来了——你记得住38个子域名吗每次想用某个服务得去NPM面板翻一遍或者维护一个越来越长的书签文件夹。要么你手动一个一个复制局域网地址、公网域名地址建立一个家庭首页导航栏增加一个服务添加一个代理就的需要自己去手动配置一条。有没有一种可能NPM配好代理之后家庭首页导航就自动更新同时具备局域网地址和公网地址导航能力当然有——而且实现起来比你想的简单。本文原创方案通过Flask直接读取NPM的SQLite数据库实现零配置同步的家庭首页导航站。这可能是全网首个公开的NPM数据库直读动态权限管理完整方案。一、痛点分析为什么需要智能导航站1.1 记忆负担38子域名的管理困境第5篇配好了NPM你的服务可以这样访问了nav.yourdomain.top:8443 → 家庭首页 jenkins.yourdomain.top:8443 → CI/CD git.yourdomain.top:8443 → 代码仓库 ai.yourdomain.top:8443 → AI面板 ...还有34个现实问题记忆成本高普通用户难以记住数十个不同子域名操作繁琐每次使用都要打开NPM面板→查找域名→复制粘贴维护困难手动维护书签新增/删除服务时同步不及时1.2 现有方案的不足方案优点缺点浏览器书签简单直接跨设备同步难维护成本高静态导航页可定制性强NPM变更需手动更新第三方导航工具功能丰富与NPM数据隔离配置复杂1.3 理想方案的特征自动同步NPM配置变更后导航站实时更新权限控制不同用户看到不同服务如孩子只看学习、影音友好展示服务分类、图标、中文名称内外网统一同一入口自动适配网络环境零额外配置不增加NPM使用复杂度核心洞察NPM已经存储了所有代理配置我们只需要一个只读消费者来展示这些数据。二、技术原理NPM数据库直读方案2.1 NPM数据存储结构NPM使用SQLite存储所有配置Docker容器内的默认路径/data/database.sqlite关键表结构分析proxy_host表代理主机配置字段类型说明示例值idINTEGER主键1domain_namesTEXT域名列表JSON数组[nav.yourdomain.top, www.nav.yourdomain.top]forward_hostTEXT转发目标主机192.168.1.100forward_portINTEGER转发端口5000ssl_forcedINTEGER强制SSL1是/0否enabledINTEGER是否启用1启用created_onDATETIME创建时间2026-06-15 10:30:00advanced_configTEXT高级配置JSON{custom_nginx_config: }access_list表访问控制字段说明id访问列表IDname列表名称enabled是否启用2.2 核心设计思路NPM管理界面修改代理配置写入 database.sqliteFlask导航站只读模式访问读取proxy_host表解析域名/端口/SSL结合metadata.json生成分类导航页用户访问管理员修改metadata.json设计原则只读消费绝不修改NPM数据库避免锁表冲突元数据分离显示名称、分类、权限等存独立JSON文件实时同步每次页面加载都读取最新NPM配置权限隔离基于Session的多用户卡片级权限控制。四、密码和权限控制家庭首页暴露到公网了不能谁都能看。需要加一道防盗门。4.1 登录认证我采用了HTTP Basic Auth Session混合方式前端是登录页面后端用 Session 保持登录态。默认内置两个账户管理员admin/your_admin_password请务必修改普通用户user/your_user_password⚠️安全提醒示例密码仅为演示部署后请立即通过“修改密码”功能或直接编辑users.json更改。4.2 为什么不用更复杂的认证家庭场景基于 Session 的账号密码认证已经足够实现简单无需 OAuth 或 LDAP配合 HTTPS 加密传输密码不会明文泄露支持多用户且管理员可以细粒度控制权限4.3 HTTPS 强制所有对外服务包括家庭首页本身都应通过 NPM 强制 HTTPS 访问。NPM 会自动配置 Let’s Encrypt 证书确保传输安全。五、页面设计家庭首页不需要花哨实用第一。5.1 分类展示38 条代理分几个大类一目了然┌──────────────────────────────────────────────┐ │ 我的家庭首页 │ │ 最后更新: 2026-06-28 14:30 (自动同步) │ ├──────────────────────────────────────────────┤ │ 网络工具 │ │ [NPM面板] [1Panel] [路由器] [旁路由] ... │ ├──────────────────────────────────────────────┤ │ 开发工具 │ │ [Gitea] [Jenkins] [API文档] [IT-Tools] ... │ ├──────────────────────────────────────────────┤ │ AI 服务 │ │ [QwenPaw] [Ollama] [FunASR] [SD绘图] ... │ ├──────────────────────────────────────────────┤ │ 影音娱乐 │ │ [Jellyfin] [有声书] [视频站] ... │ ├──────────────────────────────────────────────┤ │ 生活服务 │ │ [密码管家] [云盘] [HA] ... │ └──────────────────────────────────────────────┘每个卡片图标 服务名 点击直接跳转。内外网都可用。5.2 响应式手机、平板、PC 都自适应。外网用手机打开家庭首页点一下就能进任何服务——这就是建家庭首页的初衷。六、Docker 部署家庭首页也是个 Docker 容器跑在 webServer 上。6.1 DockerfileFROM python:3.11-slim WORKDIR /app COPY requirements.txt . RUN pip install -r requirements.txt COPY . . EXPOSE 5000 CMD [gunicorn, -w, 2, -b, 0.0.0.0:5000, app:app]6.2 docker-composenav-site:image:nav-site:latestcontainer_name:nav-siteports:-5000:5000volumes:# 只读挂载 NPM 数据库-/opt/1panel/apps/nginx-proxy-manager/nginx-proxy-manager/data/database.sqlite:/data/npm.sqlite:ro# 挂载配置文件账户密码、名称映射-./config.py:/app/config.py:rorestart:always 关键NPM 数据库以**只读:ro**方式挂载。家庭首页只读取绝不写入确保不会破坏 NPM 的数据。6.3 NPM 代理家庭首页本身的域名当然也走 NPMnav.yourdomain.top → 内网服务器:5000 (导航站本身)鸡生蛋蛋生鸡不是问题——导航站是所有代理之一NPM 配好这条后导航站里也会显示它自己。七、自动发现 vs 手动维护方式优点缺点自动读 NPM永远同步零维护服务名不好看除非有映射表手动维护家庭首页服务名和图标自由定制NPM 加了代理要手动同步我的方案自动读 NPM 元数据增强。代理规则从 NPM 自动同步显示名称和分类从proxy_metadata.json取。新加服务后管理员在网页上修改一次名称和分类后续自动生效——比手动维护整个家庭首页轻松得多。八、使用效果现在出差在外打开手机浏览器输入https://你的域名:端口弹出登录框输密码所有家庭服务一目了然点一下进 Jenkins再点一下进聊天室再点一下看电影不需要记任何子域名不需要翻书签。一个家庭首页全家所有服务的中转站。而且每次在 NPM 里加了新代理刷新导航站就自动出现了——零额外维护。九、安全与运维建议9.1 密码安全首次部署后立即修改默认密码直接编辑users.json或通过网页修改使用强密码至少 8 位含大小写字母、数字、特殊符号定期更换密码9.2 数据备份家庭首页提供了一键备份导出/导入功能管理员可见可以将所有分类、元数据、手动链接导出为 JSON 文件。建议定期备份以便迁移或恢复。9.3 日志监控Flask 应用默认输出日志到控制台建议通过 Docker 的日志驱动收集或配置logging模块写入文件便于排查问题。9.4 资源限制在 Docker Compose 中可以添加资源限制避免导航站占用过多内存或 CPUdeploy:resources:limits:memory:256Mcpus:0.5十、总结问题解决方案38 个子域名记不住导航站集中展示NPM 加代理要手动同步读 SQLite 自动同步公网暴露不安全账号密码认证 HTTPS服务名不直观网页内编辑显示名称多人使用权限不同卡片级权限控制内外网都能用相对 URL走 HTTPS这就是家庭 HomeLab 的最后一块拼图——从硬件组网、网络优化、域名公网、端口映射、反向代理到一站式的导航入口。整个体系闭环。 截图占位导航站首页分类展示、手机端响应式效果、登录弹窗、NPM 加代理后家庭首页自动出现系列文章导航本系列涵盖家庭服务器集群搭建、网络配置、Docker部署、AI应用等方方面面适合有一定技术基础的读者。全文完

相关新闻

C语言字符型数据类型详解:从ASCII到实际应用

C语言字符型数据类型详解:从ASCII到实际应用

1. 字符型数据类型概述字符型数据类型是C语言中一个非常特殊且重要的数据类型。说它特殊,是因为它既可以表示字符,也可以当作最小的整数类型来使用。说它重要,是因为所有的文本处理、字符串操作、以及很多底层的数据处理都依赖于字符型。在C语…

2026/10/16 14:41:32 阅读更多 →
BlockLauncher:Android版Minecraft终极启动器与Mod平台完全指南

BlockLauncher:Android版Minecraft终极启动器与Mod平台完全指南

BlockLauncher:Android版Minecraft终极启动器与Mod平台完全指南 【免费下载链接】MCPELauncher Source code for BlockLauncher, a launcher that patches Minecraft for Android 项目地址: https://gitcode.com/gh_mirrors/mc/MCPELauncher BlockLauncher是…

2026/10/16 5:47:25 阅读更多 →
HarmonyOS AppGallery Connect 上架前自查漏项怎么办:中式美食 release 包、隐私入口和权限说明怎么对齐

HarmonyOS AppGallery Connect 上架前自查漏项怎么办:中式美食 release 包、隐私入口和权限说明怎么对齐

先说我为什么要做这套自查 做 HarmonyOS 应用时,页面能跑起来只是第一步。真正临近上架时,容易暴露出来的是另外一类问题:release 包和调试包不一致,隐私政策入口在代码里有但真机点不开,权限说明写得太泛,…

2026/10/16 15:24:29 阅读更多 →

最新新闻

STM32寄存器编程实战:GPIO、定时器与串口

STM32寄存器编程实战:GPIO、定时器与串口

每次看到论坛里有人说“寄存器难”,我都想拉住他聊五分钟。我入行那几年也被寄存器折磨过,直到有一次调一个功耗敏感的项目,手里的库函数版本和例程对不上,底层配置出来的引脚电平就是不对。从那以后我翻烂了参考手册,…

2026/10/17 16:01:21 阅读更多 →
OpenClaw从入门到应用——工具(Tools):apply-patch 实战配置与验证

OpenClaw从入门到应用——工具(Tools):apply-patch 实战配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/17 16:01:21 阅读更多 →
Oracle实战:开放式基金交易平台数据库设计与PL/SQL编程实现

Oracle实战:开放式基金交易平台数据库设计与PL/SQL编程实现

简介:这是一份Oracle项目实战文档,以开放式基金交易平台数据库设计为完整案例,适合Oracle初学者与数据库设计人员用于练习从需求分析到表结构落地的全过程。文档围绕招商银行某分行的实际业务场景,梳理基金管理、客户账户管理、交…

2026/10/17 16:01:21 阅读更多 →
Docker部署TailChat开源即时通讯平台:用TaoToken统一Key打通消息机器人与AI能力

Docker部署TailChat开源即时通讯平台:用TaoToken统一Key打通消息机器人与AI能力

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/17 16:01:21 阅读更多 →
DC-6靶机深度解析:WordPress渗透与Linux提权实战指南

DC-6靶机深度解析:WordPress渗透与Linux提权实战指南

1. 项目概述:为什么DC-6是WordPress渗透学习绕不开的“分水岭”如果你正在系统性地打磨Web渗透能力,尤其是想真正吃透WordPress生态下的攻防逻辑,DC-6绝不是一张可跳过的练习卷——它是一道明确的分水岭。我带过不少刚从基础靶机(…

2026/10/17 16:01:21 阅读更多 →
基于深度学习的疲劳驾驶检测:目标检测、图像分类与实时推理实战

基于深度学习的疲劳驾驶检测:目标检测、图像分类与实时推理实战

我还记得去年做毕设选题那会儿,导师给了我几个方向,我一眼就看中了"基于深度学习的疲劳驾驶检测"这个题目。原因很直接:疲劳驾驶导致的事故率一直居高不下,而市面上很多所谓"智能驾驶预警"要么靠红外打哈欠检…

2026/10/17 16:00:20 阅读更多 →

日新闻

DeepSeek选型与部署:V3/R1、Ollama、API全攻略

DeepSeek选型与部署:V3/R1、Ollama、API全攻略

简介:《DeepSeek使用方法.pdf》是一份面向DeepSeek入门及进阶用户的完整使用指南,重点围绕V3与R1两款模型的能力差异与适用场景展开,帮助读者根据任务类型与成本选择合适的模型。资源共1个PDF文件,压缩包大小约311KB,篇…

2026/10/17 0:00:25 阅读更多 →
200+Deepseek润色指令拆解:从底层原理到场景落地的完整指南

200+Deepseek润色指令拆解:从底层原理到场景落地的完整指南

简介:这是一份聚焦DeepSeek提示词优化的《200Deepseek润色指令》PDF文档,共收录两百余条可直接套用的润色指令,涵盖语法修正、风格统一、逻辑梳理、表达精炼等维度,并针对商务写作、学术论文、广告文案等场景给出差异化建议。文档…

2026/10/17 0:00:25 阅读更多 →
OpenCV轮廓法物体计数系统:轻量、可控、可落地的工业级实现

OpenCV轮廓法物体计数系统:轻量、可控、可落地的工业级实现

简介:本资源是一份基于OpenCV的本科课程设计完整报告,面向计算机视觉初学者、图像处理学习者及高校通信/信息类专业学生,解决物体智能计数与检测结果结构化记录的实际问题。项目覆盖图像预处理、轮廓检测、边界框绘制、轨迹栏交互式参数调节、…

2026/10/17 0:00:25 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/16 21:35:51 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/17 1:44:59 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/16 15:04:24 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 21:54:38 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 3:49:43 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/16 14:23:36 阅读更多 →