🌐 03 · 代码怎么上网：Web / 托管 / 域名

⏱ 约 20 分钟
🎯 本章学完，你将能：说得出「代码上线」的完整链路：服务器、IP、域名、DNS、CDN、部署

开场：寄快递

你在电脑上写好的网页代码，怎么让全世界的人都能打开？想象你在给全世界寄快递：

  • 你的代码 = 货物
  • 服务器 = 24 小时营业的仓库（一台一直开机的电脑，随时把网页发给来访问的人）
  • 部署 = 把货物搬进仓库
  • 域名 = 仓库的招牌名字（好记）
  • DNS = 查号台（把你的域名翻译成服务器的“门牌号”IP）

浏览器打开网页，走的就是这条路。

从你输入网址到看到页面

输入 learning.candiewill.com 回车，背后发生了什么？按顺序：

  1. 浏览器问 DNS 查号台：“learning.candiewill.com 的门牌号（IP）是多少？”
  2. 查号台回答：“是 43.174.246.109”
  3. 浏览器跑去这个 IP 的服务器：“把首页给我！”
  4. 服务器把 HTML/CSS/JS 文件发回来
  5. 浏览器翻译成你看到的漂亮页面 🎉

这五步加起来只要零点几秒——因为 CDN（内容分发网络）在帮忙。

CDN：各地提前放副本的“前置仓”

如果服务器只在欧洲，中国的小朋友访问就要跨半个地球，很慢。CDN 的解决办法：在世界各地提前放好网站副本（前置仓）。谁访问，就从离谁最近的仓发货。

腾讯云 EdgeOne 就是干这个的——candiewill.com 的内容在 EdgeOne 的全球边缘节点都有副本，所以全世界访问都很快。

HTTPS：加密信封

网址前面那个小锁 🔒 表示 HTTPS：浏览器和服务器之间的通信被加密了，像把信装进加密信封——中途即使有人截获，也看不懂内容。看到小锁，说明连接安全。

真实案例：candiewill 的完整上线流程

candiewill.com 是怎么上线的？真实流程是：

  1. 我们用 git 把代码推到 gitee 仓库（第 4 章会讲）
  2. 构建工具（Astro）把代码“打包”成网页文件
  3. 通过 EdgeOne 部署到全球边缘节点（CDN）
  4. 绑定域名 candiewill.com + 在 DNS 里配置 CNAME 记录
  5. 全世界都能访问了

你现在学的每一课，用的就是这个流程——包括代码实验室自己。

本章小结

  1. 服务器 = 24 小时开机的电脑；部署 = 把代码搬上去
  2. 域名好记，DNS 负责翻译成 IP（查号台）
  3. CDN = 各地前置仓，让全世界访问都快；HTTPS = 加密信封

🧪 动手试试（请和家长一起做）：打开电脑的“终端”，输入：

dig learning.candiewill.com

你会看到一行像 learning.candiewill.com.pages.dnsoe9.com 的 CNAME——这就是 DNS 在告诉你“这个域名去哪找”。多酷，你刚才亲手查了一次 DNS！

✏️ 小测验（答对一题得 1 分）

1. 服务器是什么？
💡 服务器就是一台 24 小时开机的电脑，随时把网页发给访问的人。
2. 域名（比如 candiewill.com）的作用是？
💡 域名是好记的名字，DNS 负责把域名翻译成 IP（查号台）。
3. HTTPS 的小锁标志表示传输内容被加密了。（判断：对 / 错）
💡 对！就像把信放进加密信封，中途没人能偷看。