> 风之谷家庭服务器系列 · 第 6 篇（完结）

## 前言

书屋一个地址、音乐厅一个地址，家人记不住，我也不想每次报网址。做一个入口页：两张大卡片、每张卡带在线状态灯，手机电脑平板通用。

## 一、单文件，零框架，即插即用

HTML + CSS + JS 一个文件搞定。我的静态服务器对未知路径有兜底路由，新文件扔进目录即生效——**服务全程不用重启**。这也是当初“按请求从磁盘读文件”架构的红利。

## 二、一个 URL 通吃三种网络

门户页里的链接不能写死 IP，否则换了网络就失灵。用 `location.hostname` 动态拼接：

```js
const host = location.hostname;   // localhost / 192.168.x.x / 172.16.x.x 自动适配
musicBtn.href = "http://" + host + ":8088/player.html";
```

同一份页面，本机、局域网、异地组网三种环境全部自动适配，零配置。

## 三、跨端口健康检查：mode: 'no-cors'

门户想知道“音乐厅服务活没活着”。跨端口 fetch 是跨域请求，读不到响应体——但没关系，**能 resolve 就说明网络可达**：

```js
fetch("http://" + host + ":8088/player.html", { mode: "no-cors" })
    .then(() => setLight("ok"))    // 绿灯
    .catch(() => setLight("down")); // 红灯
```

`no-cors` 模式拿到的是不透明响应，判断“通不通”足够了。同源的服务则可以直接 `fetch` 后看 `r.ok`。

## 四、关于命名：产品成功的一半

这个入口页最后起名叫「风之谷」。中间反复横跳过：门户、大本营、任意门、天空门……

沉淀出三条起名心法：

1. **借国民级文化记忆**（宫崎骏、哆啦A梦、桃花源），不造生僻词；
2. 名字最好**兼做功能说明书**（任意门 = 门，风之谷 = 谷里藏着一切）；
3. 念三遍，不顺口的直接淘汰。

## 结语

系列完结。回顾这六篇：一台旧电脑 → 私人书屋 → 会说话的书 → 装进手机 → 连通世界 → 遥控一切 → 一扇风之谷。

没有一行代码上云，没有一分钱订阅费。这就是普通人也能拥有的、完全属于自己的数字生活。

全部代码都在这几篇文章里，抄作业请自便。有问题评论区见。

书屋一个地址、音乐厅一个地址，家人记不住，我也不想每次报网址。做一个入口页：两张大卡片、每张卡带在线状态灯，手机电脑平板通用。

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查

客户端

开发工具

网络与通信

风之谷家庭服务器系列完结篇：零框架单文件入口页，两张大卡片带在线状态灯，手机电脑通用。动态适配本机/局域网/异地组网，跨端口no-cors健康检查，无需重启服务。附起名心法，旧电脑打造完全私有数字生活，代码全公开可抄。

WorkBuddy企业版限时双倍 Credits 活动

workbuddy

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查-腾讯云开发者社区-腾讯云

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐