Cloudflare：Pages、Workers 与防护
“Vibe coding”课程第 12 课，共 26 课。免费，有动画和小测验。
挡在网站前面的一张网
Cloudflare 是一家在全世界有大量服务器的公司。它站在访客和你的网站之间。核心招数是 CDN，也就是内容分发网络：你网站的副本放在不同国家的服务器上，每个访客都从离自己最近的那台拿。地球上的点就是这些服务器。例子：你的游戏战队成员分布在不同国家，但比赛日程网站大家打开都很快。
盾牌和 https 小锁
Cloudflare 的第二份工作是防护。比如防 DDoS 攻击：一大群机器人同时向网站猛发请求，想把它冲垮。这张网会在垃圾流量到达你的网站之前就把它拦掉：就是图里的盾牌。还有 SSL：给浏览器和网站之间的连接加密，地址里的 https 和小锁图标就是它。Cloudflare 会自动签发所需的证书。
Pages：直接从 GitHub 上线网站
Pages 是 Cloudflare 的网站托管。套路你已经熟悉了：连上 GitHub 仓库，填好构建命令，之后每次 push 网站都会自动更新。图里侧边那条箭头说的就是这个。每个分支都有自己的预览链接。总之：部署那课讲的这里全都适用。Cloudflare 控制台的栏目会随时间改名或合并，但思路不变。
Workers：不用自己管服务器的后端代码
Workers 是直接在 Cloudflare 网络里运行的一小段服务器代码，不用自己搭服务器。例子：战队网站有个比赛报名表，报名信息要存下来。或者有个按钮，让 AI 帮忙起个队名。还记得吗，AI 密钥不能放在前端。它由 Worker 保管：浏览器找 Worker，Worker 拿着密钥去找 AI。
机密：放在控制台，不放在代码里
Workers 和 Pages 要用的密钥，在 Cloudflare 控制台里作为机密（secret）添加，也就是加密的变量。代码按名字调用它，比如 AI_KEY，真正的值永远不进仓库。思路和 .env 文件一样：Git 什么都记得，写在代码里的密钥迟早会泄露。万一密钥已经进了仓库，就去服务里把它作废，再生成一个新的。
什么时候选 Cloudflare
Cloudflare 还能给你的域名做 DNS（图里的一个标签），也有数据存储：D1 是带表格的数据库，KV 是简单的“键 → 值”存储。如果你是静态网站或简单后端、有自己的域名、访客来自不同国家，就选 Cloudflare。通常有免费套餐，额度去官网看。先确认这项服务和付款在你所在的国家能不能用。去 Cloudflare 模拟器练练手吧。
自测一下
- 网站为什么需要 CDN？
正确答案: 访客从最近的服务器拿到网站. CDN 在全球存着网站副本，页面从最近的节点发出，加载更快。 - Worker 要用的 AI 密钥该放在哪？
正确答案: 放在 Cloudflare 控制台的机密里. 机密是加密的，不进仓库。放在前端或 README 里，谁都能看到密钥。 - 网址里的 https 和小锁代表什么？
正确答案: 浏览器和网站之间的连接是加密的. SSL 给传输中的数据加密。陷阱是：小锁不代表网站可信，骗子网站也有。
← 托管与部署 Vercel：一分钟导入上线 →