跳到主要内容

《林一的 Cloudflare 通关记》第 15 篇-正式上线!林一的"毕业典礼"——全链路复盘与成长总结

· 阅读需 14 分钟

《林一的 Cloudflare 通关记》第 15 篇 · 系列终篇

上线日。

林一早上六点就醒了,在床上躺到七点实在躺不住,提前一小时到了公司。打开电脑,盯着 星火ai.com 的 Cloudflare Dashboard 发呆。

故事引入

"来得挺早。"老张端着保温杯推门进来,跟平时一样气定神闲。

"张哥,我有点紧张。"

"紧张什么?"

"万一上线就崩了呢?万一 AI 功能不可用呢?万一数据库连不上呢?万一——"

"停。"老张放下杯子,在白板上写了几个字:上线检查清单

"紧张没用。把检查清单走一遍,确认每项没问题,然后上线。出了问题就用你学过的东西排查。你现在会的,比很多干了三年的人都多。"

林一深吸一口气:"行,走一遍。"


技术讲解

完整架构图——把所有服务串起来

"先画个图,"老张把白板擦干净,"把咱们这 14 篇用到的所有 Cloudflare 服务画出来,看看全貌。"

林一拿起笔,一笔一笔画:

┌─────────────────────────────────────────────────────────────┐
│ 用户浏览器 │
│ https://星火ai.com │
└──────────────────────┬──────────────────────────────────────┘


┌─────────────────────────────────────────────────────────────┐
│ Cloudflare 边缘网络 │
│ (320+ 城市全球分布) │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ DNS │ │ SSL/TLS │ │ CDN │ │
│ │ (第1篇) │ │ (第2篇) │ │ (第3篇) │ │
│ │ 域名解析 │ │ 全链路加密 │ │ 静态缓存 │ │
│ └──────────┘ └──────────┘ └──────────┘ │
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ Turnstile│ │ WAF │ │ Access │ │
│ │ (第10篇) │ │ (第11篇) │ │ (第12篇) │ │
│ │ 防机器人 │ │ 防攻击 │ │ 管后台权限 │ │
│ └──────────┘ └──────────┘ └──────────┘ │
│ │
│ ┌──────────┐ ┌──────────┐ │
│ │ Email │ │Analytics │ │
│ │ Routing │ │ (第14篇) │ │
│ │ (第13篇) │ │ 性能监控 │ │
│ └──────────┘ └──────────┘ │
└──────────────────────┬──────────────────────────────────────┘

┌────────────┼────────────┐
▼ ▼ ▼
┌──────────────┐ ┌──────────┐ ┌──────────┐
│ Pages │ │ Workers │ │ Admin │
│ (第4篇) │ │ (第5篇) │ │ Panel │
│ 前端页面 │ │ 后端API │ │ (Access │
│ 自动部署 │ │ │ │ 保护) │
└──────────────┘ └────┬─────┘ └──────────┘

┌───────────┼───────────┐
▼ ▼ ▼
┌──────────────┐ ┌──────────┐ ┌──────────┐
│ Workers AI │ │ R2 │ │ D1 │
│ (第6篇) │ │ (第7篇) │ │ (第9篇) │
│ AI推理 │ │ 文件存储 │ │ 数据库 │
└──────────────┘ └──────────┘ └──────────┘


┌──────────┐
│ KV │
│ (第8篇) │
│ 缓存 │
└──────────┘

"漂亮。"老张看了看,点了点头,"来,逐层过一遍。"

完整架构全景图


架构分层解析

架构五层分层

第一层:基础设施(第 1-3 篇)

服务作用关键配置
DNS域名解析,所有服务的入口域名托管在 Cloudflare,DNSSEC 开启
SSL/TLS全链路加密Full (Strict) 模式,Origin CA 证书,Always Use HTTPS
CDN静态资源缓存加速Cache Rules 按文件类型配置,缓存命中率 90%+

"这是地基。没有 DNS,域名解析不了;没有 SSL,浏览器报不安全;没有 CDN,网站慢得要命。"

第二层:应用层(第 4-6 篇)

服务作用关键配置
Pages前端页面托管GitHub 集成自动部署,自定义域名绑定
Workers后端 API 服务V8 Isolate 运行,wrangler CLI 管理
Workers AIAI 功能(智能问答、图片生成)模型绑定,按需选择模型

"这是房子。Pages 是门面,Workers 是厨房,Workers AI 是招牌菜。"

第三层:数据层(第 7-9 篇)

服务作用关键配置
R2对象存储(AI 生成的图片等)零出口流量费,Workers 绑定读写
KV键值缓存(配置、会话、API 响应缓存)最终一致性,TTL 策略
D1关系型数据库(用户数据、对话记录)读写分离架构,wrangler 管理

"这是仓库。R2 放大文件,KV 放临时缓存,D1 放结构化数据。"

第四层:安全层(第 10-12 篇)

服务作用关键配置
Turnstile注册/登录防机器人无感验证,后端验证 token
WAF防恶意请求(SQL注入、XSS、CC攻击)托管规则集 + 自定义规则 + 速率限制
Access管理后台零信任访问控制Email OTP + 策略白名单

"这是安保系统。Turnstile 挡机器人,WAF 挡攻击者,Access 管谁能进门。"

第五层:辅助层(第 13-14 篇)

服务作用关键配置
Email Routingcontact@ 邮件转发转发规则 + Catch-all
Analytics性能监控与数据分析Web Analytics + 告警通知

"这是物业管理——收发邮件、监控数据。"


上线检查清单

"架构清楚了,现在走检查清单。"老张掏出一张纸:

上线检查清单

DNS & 域名

  • 域名已托管在 Cloudflare(NS 记录指向 Cloudflare)
  • DNSSEC 已开启
  • 所有子域名 DNS 记录正确(wwwadminapi 等)
  • MX 记录已配置(Email Routing)

SSL/TLS

  • SSL 模式为 Full (Strict)
  • Universal SSL 证书已生效(边缘证书状态 Active)
  • Origin CA 证书已安装到源服务器(如适用)
  • Always Use HTTPS 已开启
  • HSTS 已启用(可选但推荐)

CDN 缓存

  • Cache Rules 已配置(静态资源缓存、动态资源不缓存)
  • 缓存命中率 > 90%
  • Development Mode 已关闭(上线时别忘关!)

前端

  • Pages 项目已部署最新代码
  • 自定义域名已绑定且 HTTPS 正常
  • 预览部署正常工作

后端

  • Worker 已部署到生产环境
  • 所有路由正常响应
  • 错误处理已完善(没有未捕获的异常)
  • Workers Analytics 无异常错误

AI 功能

  • Workers AI 绑定正常
  • 所有用到的模型可正常调用
  • AI 调用有错误处理(模型不可用时的降级方案)

数据存储

  • R2 Bucket 已创建,权限配置正确
  • KV Namespace 已创建,TTL 策略已配置
  • D1 数据库表结构已迁移
  • 数据库备份策略已确认

安全

  • Turnstile 已集成在注册/登录表单
  • WAF 托管规则集已启用
  • 速率限制规则已配置
  • Access 已保护管理后台
  • Access 策略白名单正确(只有授权人员能访问)

邮件

  • Email Routing 已启用
  • contact@ 转发规则已配置
  • Catch-all 已开启(可选)

监控

  • Web Analytics 已启用
  • DDoS 告警已配置
  • WAF 告警已配置
  • 源站错误告警已配置
  • Worker 错误告警已配置

林一逐项核对,打了一个又一个勾。

"全绿。"林一放下笔。

"那上线吧。"


各服务免费额度汇总

"上线之前,再确认一下你用了多少免费额度。"老张又掏出一张表:

服务免费额度星火AI 预估用量余量
DNS无限查询~10万次/天充足
SSL/TLS无限充足
CDN无限带宽~5GB/月充足
Pages500 次构建/月,无限带宽~20 次构建/月充足
Workers10万次请求/天,10ms CPU/请求~5000次/天充足
Workers AI10,000 neurons/天~2000 neurons/天充足
R210GB 存储 + 100万次 A类操作/月~2GB充足
KV100,000次读/天,1,000次写/天~8000读/天充足
D15GB 存储 + 500万行读/天 + 10万行写/天~100MB充足
Turnstile无限充足
WAF免费版规则集 + 自定义规则充足
Access50 用户5 用户充足
Email Routing无限~100封/天充足
Web Analytics无限充足

"全部免费,一分钱不花。"老张笑了笑,"你知道如果用传统方案要多少钱吗?"


成本对比:传统方案 vs Cloudflare 方案

成本对比

服务传统方案月费用Cloudflare 方案月费用
域名 DNS域名注册商 DNS¥0Cloudflare DNS¥0
SSL 证书Let's Encrypt / 阿里云免费 DV¥0(但需手动维护)Universal SSL¥0(全自动)
CDN阿里云 CDN / 腾讯云 CDN¥50-200/月(按流量)Cloudflare CDN¥0
前端托管云服务器 ECS(2核2G)¥60-100/月Cloudflare Pages¥0
后端 API云服务器 ECS(2核4G)¥100-200/月Cloudflare Workers¥0
AI 推理GPU 服务器 / 调 OpenAI API¥500-2000/月Workers AI¥0
对象存储阿里云 OSS + 出口流量费¥30-100/月Cloudflare R2¥0
缓存Redis 云服务¥100-300/月Cloudflare KV¥0
数据库云数据库 RDS(MySQL)¥100-300/月Cloudflare D1¥0
验证码极验 / 网易易盾¥0-50/月Cloudflare Turnstile¥0
WAF阿里云 WAF / 腾讯云 WAF¥200-500/月Cloudflare WAF¥0
身份认证自建或 IDaaS¥0-200/月Cloudflare Access¥0
邮件企业邮箱¥30-50/月Cloudflare Email Routing¥0
监控各种监控工具¥0-100/月Cloudflare Analytics¥0
合计¥1,170-4,000/月¥0/月

林一看着这张表,沉默了好一会儿。

"一年省下来最少一万四……最多将近五万。"

"这还没算人力成本——自己维护 SSL 证书续期、服务器安全更新、数据库备份、WAF 规则调优……这些时间成本算下来更多。"

"怪不得选 Cloudflare。"

"不是省钱这么简单。更重要的是——Cloudflare 让你把精力放在业务上,而不是折腾基础设施。一个人就能撑起一个完整的技术栈。"


架构设计思考

"最后一个问题,"老张靠在椅背上,"如果让你给别人讲,为什么要选这套架构?你会怎么说?"

架构设计三思考

林一想了想,在白板上写了三条:

1. 全栈一体化

"DNS、CDN、计算、存储、数据库、安全、监控——全在 Cloudflare 一个平台上。不用在七八个控制台之间来回切换,不用管不同服务之间的兼容性。域名在 Cloudflare 上,所有服务一键打通。"

2. 边缘优先

"传统架构是'用户 → CDN → 源服务器 → 数据库',请求要穿越半个互联网。Cloudflare 架构是'用户 → 边缘节点 → 边缘存储',计算和存储都在离用户最近的节点。延迟低、体验好。"

3. 免费起步,按需扩展

"免费额度对创业初期完全够用。等你用户量上来了,再按需升级付费版。Workers 从免费版升级到 Paid 只需要 $5/月,R2、D1 都是按量付费,用多少算多少。不会一上来就让你买年费套餐。"

"不错。"老张赞许地点了点头,"你确实成长了。"


林一的成长总结

老张看了看手机:"还有半小时。来,做个复盘吧——你从第 1 天到现在,学到了什么?"

林一靠在椅子上,望着天花板,想了很久。

技术层面

"14 天前,我以为搭一个网站就是买个服务器、装个 Nginx、跑个 Node.js。现在我知道了——从 DNS 解析到 SSL 加密,从 CDN 缓存到边缘计算,从对象存储到分布式数据库,从 WAF 防火墙到零信任安全……一个完整的 Web 应用涉及的技术远比我以为的多。"

"但 Cloudflare 把这些全打包了——而且免费。让我这种实习生都能一个人搭起一个 AI 网站的全套基础设施。"

思维层面

"以前我遇到问题第一反应是'买服务器'。现在我会先想——有没有更轻量的方案?能不能用 Serverless?能不能用边缘计算?能不能不维护?"

"还有安全意识。以前我觉得'有密码就行了',现在我知道了——零信任、WAF、Turnstile,安全是分层的。"

最深的感悟

"老张,你知道吗,我最震撼的不是某个具体的技术,而是——原来一个人可以做到这么多。以前觉得搭一个 AI 网站至少要一个团队,现在发现一个人加一个 Cloudflare 账号就行了。"

"这就是工具的力量,"老张笑了,"好的工具不是让你做得更累,而是让你能做到以前做不到的事。"


上线

9 点整。

林一的手指悬在键盘上方。Pages 最后一次部署已经完成,Workers 代码已更新到生产环境,DNS 记录全部生效,SSL 证书状态 Active。

"推吧。"老张说。

林一深吸一口气,在 wrangler.toml 里把环境变量从 staging 切到 production,然后:

wrangler deploy
Total Upload: 45.2 KiB / gzip: 12.3 KiB
Uploaded starfire-api (1.2 sec)
Deployed starfire-api triggers (0.5 sec)
https://api.星火ai.com

林一打开浏览器,输入 https://星火ai.com

页面加载了。首页正常显示。

他注册了一个测试账号——Turnstile 验证无感通过,D1 数据库里多了一行记录。

他发了一条 AI 对话——Workers AI 响应正常,2.3 秒返回了回答。

他上传了一张图片——R2 存储成功,返回了访问链接。

他打开管理后台——Access 跳转到登录页,Email OTP 验证通过,进入后台。

他打开 Analytics 面板——TTFB 120ms,LCP 1.1s,缓存命中率 96%。

一切正常。

林一转过身,发现老张不知道什么时候已经站在了门口。

"上线了?"

"上线了。"

"那第一个用户来了吗?"

话音刚落,Analytics 面板上的访客数字从 1 跳到了 2。

"来了。"

上线成功仪表盘


尾声

那天晚上,林一在工位上坐了很久。

看着 Analytics 面板上的数字一点一点跳动——有人在用他搭的网站。一个、两个、十个、二十个……

他打开手机,给还在大学的室友发了条消息:

"我的网站上线了。一个人搭的。没花钱。"

室友秒回:"吹牛吧你?"

林一笑着打字:"真的。用的 Cloudflare。改天给你讲讲。"

他放下手机,看着屏幕上 Cloudflare Dashboard 的绿色仪表盘,突然想起 14 天前自己第一天到公司时——老张在白板上写的第一行字:

"先把你的域名放到 Cloudflare 上。"

那时候他连 Cloudflare 是什么都不知道。

而现在,他用 Cloudflare 的 14 项免费服务,一个人搭建了一个完整的 AI 网站。

从 DNS 到 Workers,从 R2 到 D1,从 Turnstile 到 Access——每一块积木,都是这 14 天里一块一块垒起来的。

"林一。"老张的声音从背后传来。

林一回头,看见老张拿着一封邮件,脸上带着一种微妙的笑容。

"怎么了?"

"公司要启动新项目了。这次规模更大——不是一个小网站,是一个完整的 SaaS 平台。"

林一心跳加速了。

"所以……"

"所以你不能再只当实习生了。"老张把邮件转发给他,"从明天开始,你带一个新人。"

"我?"林一瞪大了眼,"我……我能吗?"

"你都从零搭过一个 AI 网站了,带个新人有什么不行?"老张拍了拍他的肩,"到时候,你给别人捋一捋。"

林一看着老张的背影消失在门口,又看了看屏幕上跳动的数据。

他笑了。

拿起马克笔,在白板上写了第一行字——跟 14 天前老张写的一模一样:

"先把你的域名放到 Cloudflare 上。"


——全系列完——


系列总结:Cloudflare 免费服务速查表

篇目服务核心功能免费额度
第1篇DNS域名解析、DNSSEC无限查询
第2篇SSL/TLS全链路加密、自动证书无限
第3篇CDN静态资源缓存加速无限带宽
第4篇Pages前端托管、自动部署500 次构建/月
第5篇Workers边缘 Serverless API10万请求/天
第6篇Workers AI边缘 AI 推理10,000 neurons/天
第7篇R2对象存储(零出口费)10GB 存储
第8篇KV分布式键值缓存10万读/天
第9篇D1边缘 SQLite 数据库5GB 存储
第10篇Turnstile无感验证码无限
第11篇WAFWeb 应用防火墙免费规则集
第12篇Access零信任访问控制50 用户
第13篇Email Routing邮件转发无限
第14篇Analytics性能监控与分析无限

互动话题

你最想用 Cloudflare 的哪个服务?或者你在使用过程中遇到了什么问题?留言告诉我——如果呼声高,后续可能会出进阶篇,比如 Cloudflare Workers 进阶开发、D1 性能调优、Workers AI 模型微调等。

如果这个系列对你有帮助,点个关注不迷路。下个系列见。 ✍️

wp