L31. 域名与监控：给你的孩子起个名

Vibe Coding 宣言：上线不是结束，是运维的开始。

0. 为什么这一课至关重要？ (Why It Matters)

• 品牌：yourname.com 看起来比 xxx.vercel.app 专业多了。
• 信任：用户更愿意点击自定义域名的链接。
• 活着：如果你的网站挂了，你得是第一个知道的人，而不是等用户来骂你。

1. 目标 (Goal)

购买并配置 自定义域名，使用 UptimeRobot 监控网站状态。

2. 核心概念/装备/指令 (The Core)

2.1 DNS (The Address Book)

把 www.baidu.com 变成 1.2.3.4。

• A 记录: 域名 -> IP。
• CNAME: 域名 -> 另一个域名 (如 vercel.app)。

2.2 Uptime (The Pulse)

网站在线的时间百分比。99.9% 是标准。

3. 实战演练 (Action)

Step 1: 购买域名

去 Namecheap / 阿里云 / 腾讯云 买个便宜的域名（.xyz 首年只要几块钱）。

Step 2: 配置 Vercel 域名

1. 在 Vercel 项目设置里 Domains -> 添加你的域名。
2. Vercel 会给你一个 CNAME 值（比如 cname.vercel-dns.com）。
3. 去你的域名注册商那里，添加一条 CNAME 记录，指向 Vercel 给的值。
4. 等待生效（几分钟到几小时）。

Step 3: 配置监控 (UptimeRobot)

1. 注册 uptimerobot.com（免费版够用）。
2. Add New Monitor -> HTTP(s)。
3. 填入你的网站 URL。
4. 设置每 5 分钟检查一次。
5. 勾选发邮件通知。

4. 常见问题 (FAQ - Vibe Style)

Q: 域名解析不生效？ A: 让子弹飞一会。 全球 DNS 刷新需要时间。用 nslookup yourdomain.com 查一下。

Q: 需要备案吗？ A: 如果服务器在中国大陆（阿里云/腾讯云），必须备案。 如果用 Vercel/Railway（服务器在海外），不需要备案。

Q: HTTPS 证书怎么办？ A: Vercel 自动送你。 它是全自动的，不用你操心。

5. 验收标准 (Definition of Done)

1. 能通过自定义域名访问你的网站。
2. 浏览器地址栏有一把绿色的小锁（HTTPS）。
3. UptimeRobot 面板里显示 Status: Up。
4. 模块五结业：你的全栈应用已经跑在云端，有域名，有监控，全自动运行。你已经是一个真正的全栈工程师了。

---

Next Mission: L32. 综合实战 A：全网比价系统复盘