跳到内容
English
基础课程/06 · 域名与上线服务返回刚才的练习
全部课程
计算机与 AI 编程基础 · 0622 分钟

域名与上线服务

从买一个名字,到让别人打开你的作品

作品在本机跑起来以后,域名在哪里买、DNS 交给谁、前后端放在哪里?这一章用 NameSilo、Cloudflare、Vercel 和 Fly.io 串起上线过程,解释每项服务解决的问题、适用场景与费用边界。产品资料于 2026-10-20 核对,价格和额度请通过文末链接查看当前规则。

读完你能
分清域名注册、DNS 托管、应用部署与数据存储
比较域名首年价、续费价和多年成本,理解 NameSilo 与 Cloudflare 的搭配
区分 Cloudflare DNS、网站代理、Gateway、Tunnel 和 Access
为前端、API 和常驻任务选择运行环境,并写出可验证的上线需求

带点状下划线的词可以点击查看解释;说明卡片可跳到对应知识小节。

06.01

先认分工:名字、地址簿、运行环境和数据

是作品的名字,注册商负责注册与续费;DNS 托管商维护这个名字对应的记录;部署平台提供页面和程序运行环境;数据库或文件存储负责保存数据。这些角色可以由不同公司承担,也可能集中在同一家。

以一个共享清单为例:NameSilo 管理 example.com 的注册,Cloudflare DNS 把 www.example.com 指向 上的前端,把 api.example.com 指向 上的后端。浏览器加载界面后,再向 API 请求数据;数据库由后端访问。

这是一种组合示例。只有介绍页时,静态托管就能开始;只有当前浏览器使用的清单,也可以先用本地存储。平台通常会提供默认域名,所以购买自己的域名并不是验证第一版作品的前提。

放到生活里

把域名换一家注册商,好比换了名字登记处;把 API 搬到另一家云平台,好比换了办事地点。只有相关的地址记录和配置正确更新,原来的网址才能继续使用。

带走这一点 · 先问每项服务负责什么,再决定自己的作品需要哪几项。

06.02

买域名:NameSilo、Cloudflare 与比价工具

购买域名通常是取得一定期限内的使用权,需要续费。办理注册、续费和转移。example.com 中的 .com 是顶级域;www.example.com 是子域名,通常由域名持有人在 DNS 中配置,不需要为每个子域名单独付注册费。

NameSilo 可以作为比价起点,但便宜与否取决于后缀、促销和续费条件。Cloudflare Registrar 对支持的后缀采用成本价注册与续费,也值得比较;它要求域名使用 Cloudflare 的 nameservers。换到其他 DNS 托管商时,需要先把域名转到其他注册商。

TLD-List 和 Domcomp 都能比较新注册、续费与转入价格。先选后缀,再比较三年成本:首年注册费+两次续费;遇到溢价域名,还要单独确认其续费。比价站是线索,最终以注册商结算页的币种、优惠条件及附加费用为准。

选定后设置续费提醒或自动续费,并确保账号与联系邮箱可用。NameSilo 为允许的后缀提供免费 WHOIS 隐私保护,用来减少公开注册信息;它不替代账号保护,也不代表所有后缀都适用。文末提供两家注册商与比价站的入口。

放到生活里

假设某域名首年 2 个计价单位、续费每年 30,三年共 62;另一家每年 12,三年共 36。这是虚构算例,说明“首年最便宜”不一定“长期最省钱”。

带走这一点 · 域名比价要看后缀、续费和多年总价,不给注册商排永久的便宜榜。

06.03

托管 DNS:在 NameSilo 买,在 Cloudflare 配

可以继续在 NameSilo 续费,同时把 DNS 交给 Cloudflare。常见流程是:在 Cloudflare 添加域名,核对导入的记录,再到 NameSilo 把 改为 Cloudflare 为这个域名分配的地址,等待验证和缓存更新。这一步改变的是 DNS 托管方。

各有用途:A 指向 IPv4 地址,AAAA 指向 IPv6 地址,CNAME 指向另一个主机名;MX 指定收信服务器,TXT 常用于所有权验证和邮件认证。DNS 记录中通常填主机名或 IP,不填完整的 https:// 地址、网页路径或端口。

迁移前保存并核对原记录,特别是邮箱的 MX/TXT 和已有子域名,不能只看自动扫描结果。若原来开启了 DNSSEC,应按官方迁移步骤先处理旧签名配置,切换成功后重新启用,避免旧的信任记录让解析失败。

放到生活里

你在 Cloudflare 配好 www 的 CNAME 后,域名仍在 NameSilo 续费。接入 Vercel 时,记录值要复制该项目域名设置中的实际要求;不要照搬教程中的旧 IP。

带走这一点 · 更换 NS 是更换 DNS 托管;转移注册商是另一项操作。

06.04

Cloudflare:DNS、橙云、CDN 与 HTTPS

Cloudflare 常被叫作“赛博活菩萨”,因为它为入门项目提供不少免费能力,例如 DNS、CDN 和基础网站防护。理解它时要按产品拆开:免费套餐有范围,付费功能、规则数量和资源用量分别计算,不能把这个昵称当成所有服务永久免费且无限制的承诺。

灰云 DNS only 只回答地址查询,网站流量直接去目标平台;橙云 Proxied 让受支持的网站流量经过 Cloudflare,再到源站。此时可以应用 缓存、网站防护和重定向等功能。并不是所有记录或协议都能代理,接入托管平台时先遵循平台的域名要求。

通过 TLS 加密传输并验证服务身份。网站走代理时,要同时考虑浏览器到 Cloudflare、Cloudflare 到源站两段连接;普通 HTTPS 源站应正确配置证书并使用 Full (strict) 验证。证书错误应按连接位置排查,登录态或个人数据也不能随意配置为公共缓存。

放到生活里

个人博客可以利用橙云缓存公开资源;一个已由 Vercel 托管的网站可以先按 Vercel 指引使用 DNS only。仅把 DNS 放到 Cloudflare,不会自动让网页流量经过它的 CDN。

带走这一点 · DNS 托管与网站代理是两层配置;橙云才把相应网站流量带进 Cloudflare。

06.05

Gateway:管理设备向外访问什么

是 Cloudflare One / Zero Trust 中的安全网关,常用于管理设备访问互联网的流量。DNS 策略可拦截恶意域名,网络策略可按 IP、端口等筛选,HTTP 策略处理更细的网页请求。网站的权威 DNS 托管和设备的 DNS 查询过滤承担不同职责。

设备或网络需要先接入 Gateway:例如将 DNS 查询送到配置好的 Gateway 解析端点,或使用 Cloudflare One Client(常见于 WARP 相关教程)接入。仅把自己的域名托管到 Cloudflare,不会让手机或电脑自动受到这些策略管理;配置后应通过访问结果和日志核实流量确实经过 Gateway。

DNS 过滤看到的是域名查询,不能据此读取加密网页的完整路径或正文。需要检查 HTTPS 内容的策略,还涉及客户端信任证书和 TLS 解密配置。另一个产品 AI Gateway 则面向模型 API 的日志、缓存、限流等;选择服务前先确认自己要管理的是哪类流量。

放到生活里

你想让家中设备拦截已知恶意域名,可以评估 Gateway 的 DNS 策略;想让朋友打开你电脑里的网页,应看下一节 Tunnel;想统计 AI 请求的用量,则查看 AI Gateway。

带走这一点 · Gateway 侧重设备的上网流量策略,先接入流量,再配置并验证规则。

06.06

Tunnel 与 Access:连到内网,再决定谁能进

让运行在自己机器上的 cloudflared 主动连到 Cloudflare,再把请求转给本地服务。它适合没有公网 IP、无法做入站端口转发的环境;前提是运行机器可以向外连通 Cloudflare,并持续运行应用和连接器。

以 HTTP 网页为例,可以把 tools.example.com 映射到连接器能访问的本地服务。访问者通过这个网址进入,流量沿隧道到达应用。Tunnel 提供连接通路,应用仍然运行在原来的机器上;机器关机、断网或应用停止,页面也会不可用。非 HTTP 协议的客户端要求要另查文档。

在应用前面加身份与访问策略,例如只允许指定邮箱登录。给私有管理页面配置公开主机名时,应一并设置并验证 Access 或应用自身的登录权限。Tunnel 的连接加密并不会自动限制谁能访问网页。

放到生活里

一个内网报表站可以使用 Tunnel 提供访问通路,再用 Access 只允许团队成员进入。验收时分别检查授权账号能否进入、未授权访问是否被拦截,以及原机器断网后的表现。

带走这一点 · Tunnel 负责连通,Access 负责入口身份策略,应用仍由你选择的机器运行。

06.07

Cloudflare 还能做什么:运行代码、存文件、防刷

可以托管静态资源,也能运行 API 等服务端代码,适合小工具、接口和边缘请求处理。它属于 平台:你提交代码,平台管理底层运行资源,但仍需了解运行时兼容性、请求和计算额度。

Pages 也提供网站部署能力,旧教程中经常出现;截至本次核对,Cloudflare 官方建议新项目优先考虑 Workers。选择时看自己的框架支持和部署指南,不要假定传统 Node.js 服务器可以原样搬进任意运行时。

R2 是 ,适合图片、附件和备份文件;D1 提供 SQL 数据库,KV 保存键值数据,三者的数据模型与一致性不同。Turnstile 用于减少表单机器人滥用,AI Gateway 用于观察和控制模型 API 调用。按作品需求逐项增加即可。

免费额度要按产品分别看:Workers 的计算、R2 的存储和操作等都有自己的计量方式。R2 不收取出站流量费,并不表示存储和所有操作都没有成本;上线后应查看用量与账单。

放到生活里

一个图片留言板可以用 Workers 提供页面与接口,用 R2 保存图片,用数据库保存留言记录,再按需要接入 Turnstile。只有静态介绍页时,通常用不到这整套组合。

带走这一点 · Cloudflare 同时提供网络与开发平台服务,按“运行、存储、访问、防刷”选能力。

06.08

Vercel:让前端发布、预览和更新更省事

适合部署网站和前端应用,也支持框架需要的服务端渲染与 Functions。常见流程是导入 Git 仓库,确认框架、项目根目录和构建命令,部署后先用平台地址检查,再绑定自己的域名。

用于验收分支或 PR 中的改动,生产部署对应正式发布。Git 集成通常会自动触发部署,要先确认哪条分支关联生产环境。预览能打开还不够,表单、手机布局、API 和数据保存也需要在对应环境验证。

是在源码之外提供的配置,例如后端 API 地址;开发、预览和生产可以使用不同值。环境变量修改后需要新部署才生效。秘密只放服务端,构建进浏览器代码的公开变量会被访问者看到,即使它是在平台面板里填写的。

Hobby 套餐面向个人非商业用途,商业项目应核对适用套餐。Functions 有时长与资源边界;常驻 worker、持续连接或特殊依赖要匹配具体运行产品。小型全栈作品可以先用同一平台,确实需要独立后端时再拆分。

放到生活里

为清单前端生成一个预览地址,让朋友试用增删、刷新和手机操作。预览连接测试 API,正式部署连接生产 API;确认实际使用的配置后再发布。

带走这一点 · Vercel 把构建、预览和发布串起来;环境配置、服务端限制与套餐用途仍需确认。

06.09

Fly.io:给后端程序一个可控的运行环境

的 Machines 可以从 启动应用虚拟机,适合 API、需要自定义运行依赖的服务和后台 worker。镜像把程序与依赖打包;部署时仍要选择区域、内存和实例数量,并配置进程、端口与健康检查。

一个常见流程是打包后端,配置应用与 secrets,部署 Machine,检查平台地址和日志,再绑定 API 子域名。程序监听的端口要与平台路由一致;API 和数据库尽量选择相近区域。是否自动停机、保留常驻实例,也要根据请求模式和任务需要配置。

跨部署保留的数据应使用 或独立数据库,不能依赖临时根文件系统。Fly Volume 绑定区域与所在机器资源,不会自动把数据复制到其他卷;增加实例时要明确共享数据、复制和备份方案。

Fly.io 按计算、存储和网络等资源计费,新用户提供有限试用。旧文章里的永久免费额度不应作为新项目预算依据,停止 Machine 也不代表卷等资源停止计费。用小规格开始,并核对仍在计费的资源。

放到生活里

一个 Python API 需要特定系统依赖和后台处理进程,可以评估 Fly.io。若用 SQLite 保存记录,要把数据库放在持久卷,并先解决备份与多实例写入问题;另一种方式是连接独立数据库。

带走这一点 · Fly.io 提供后端运行资源;数据持久化、可用性与持续费用要一起设计。

06.10

把它们串起来:一份可验证的上线方案

先按场景选最少的服务:介绍页可用 Vercel 或 Workers;需要独立 API 时再考虑 Fly.io;已有内网服务要远程访问时评估 Tunnel 与 Access;设备上网过滤则评估 Gateway。不是每个作品都需要买齐和接齐这些产品。

沿着访问路径检查:域名注册和续费有效 → NS 指向实际 DNS 托管方 → DNS 记录符合部署平台要求 → 平台绑定域名并完成 HTTPS → 页面能调用正确的 API → 后端正确读写数据。先验证平台默认地址,再验证自定义域名,更容易定位是哪一层出了问题。

前端 www.example.com 与后端 api.example.com 属于不同源。浏览器跨源读取响应需要后端正确设置 ,涉及登录时还要检查 cookie 和凭据规则。CORS 不替代接口认证;生产 API 也不能仍写成 localhost,因为访问者的 localhost 指向他们自己的设备。

验收要包括首次打开、提交失败、刷新后数据、目标地区访问和部署回退。回退代码通常不会自动回退数据库内容;域名到期、资源用量与账单也需要持续关注。把这些要求写给 AI,才能得到适合自己作品的方案。

放到生活里

共享清单的一个组合是 NameSilo 注册+Cloudflare DNS+Vercel 前端+Fly.io API+独立数据库。只需要个人离线清单时,本地 HTML 与浏览器存储也可能已经满足目标。

带走这一点 · 沿请求路径验收,并把数据保存、访问权限、回退和费用写进上线需求。

换个情境,你会怎么判断?

你在 NameSilo 买了域名,想把前端放 Vercel、API 放 Fly.io,并由 Cloudflare 管理 DNS。哪种理解正确?

先选一个答案,再看解释。

把知识变成一段有用的需求

给自己的作品写一份从域名到部署的上线需求,并要求 AI 说明服务分工与验收办法。

先自己想,再按需打开提示。越往后,描述越完整,验收也越明确。

1 思考方向2 描述框架3 参考答案,可以改成你的版本
在完整需求练习中加入谁来使用、部署在哪里和数据怎样保存。把它用进项目
让好奇心再走远一点拓展视野

带着本章的背景去问 AI。拓展是选学,不影响继续阅读。

用开一家小店的比喻解释域名注册商、DNS、CDN、部署平台和数据库,再说明比喻在哪些地方不准确。

参考答案,可以改成你的版本
我正在从零学习计算机与 AI 编程。本章学过:
域名与上线服务:分清域名注册、DNS 托管、应用部署与数据存储;比较域名首年价、续费价和多年成本,理解 NameSilo 与 Cloudflare 的搭配;区分 Cloudflare DNS、网站代理、Gateway、Tunnel 和 Access;为前端、API 和常驻任务选择运行环境,并写出可验证的上线需求

用开一家小店的比喻解释域名注册商、DNS、CDN、部署平台和数据库,再说明比喻在哪些地方不准确。

请先确认我的理解,一次解释一个小问题,用具体例子并说明比喻的局限。讲完问一道情境题,根据我的回答继续。区分事实、推测和不确定内容;推荐可操作的验证方式。如果涉及具体工具,先确认版本,不要编造功能和资料。

完成这一章

标记各节已读,完成下方列出的必学活动后,即可记录本章完成。随时可以直接阅读下一章。

0/10 小节你在 NameSilo 买了域名,想把前端放 Vercel、API 放 Fly.io,并由 Cloudflare 管理 DNS。哪种理解正确?

继续查阅原始资料

正文是入门解释;下面的官方资料供你继续核对和深入。

域名 · NameSilo 注册、续费与转移价格域名 · NameSilo WHOIS 隐私保护比价工具 · TLD-List比价工具 · Domcomp域名 · Cloudflare Registrar域名 · Cloudflare 支持的顶级域DNS · Nameservers 与 Registrar 限制DNS · 切换到 Cloudflare 与 DNSSEC 迁移DNS · 记录类型Cloudflare · 网站套餐范围Cloudflare · 橙云与灰云HTTPS · Full (strict) 源站验证Gateway · 流量策略Gateway · HTTPS 检查与证书Tunnel · 发布本地服务Access · 为应用添加访问控制开发平台 · Workers、D1 与 KV开发平台 · Pages 与新项目建议开发平台 · Workers 计费存储 · R2 概念存储 · R2 计费表单防刷 · Turnstile模型请求 · AI GatewayVercel · 预览与生产环境Vercel · 环境变量Vercel · Hobby 套餐用途Vercel · Functions 限制Fly.io · MachinesFly.io · 持久卷与数据边界Fly.io · 资源计费Fly.io · 新用户试用前后端连接 · MDN CORS

服务上线之后,数据应该放在哪里、谁能修改、怎样备份?下一章继续认识数据与存储。