☁ Cloudflare LabGitHub 源码 ↗

从静态页面到完整应用

用一个小项目,
学会 Cloudflare。

不再只记产品名字。跟着「项目资料站」的实际工作流,理解每项功能负责什么、什么时候用,以及如何接入。

14 项功能原生 HTML / CSS / JSWorkers Static Assets
一条请求,经过哪些服务?ARCHITECTURE
浏览器 打开网站 / 提交任务
↓ 域名定位与 HTTPS
DNS · TLS · CDN 入口、加密、缓存与基础防护
Static Assets返回网页文件
Worker API校验与后端逻辑
↓ 按业务需要连接

Turnstile 保护公开表单 · Access 保护内部应用
Tunnel 连接本地服务 · Email Routing 转发收件

01发布一个网页
02观察访问与缓存
03添加后端与数据
04保护并扩展应用

LEARNING MAP

按实际需求,一项项学习

每课都包含:场景 → 接入 → 验证 → 边界

GITHUB × CLOUDFLARE

代码放在 GitHub,应用运行在 Cloudflare。

提交代码 → GitHub 检查 → Workers Builds 部署。也提供手动触发的 Actions 部署方案,选择其中一种即可。

查看发布流程 →
这份项目目前实现了什么?

网页教程、浏览器中的任务和附件演示,以及可运行的 Worker 健康检查和回显接口。D1、KV、R2、Turnstile、Access、邮件和 AI 的云端接入在对应课程中逐步完成;演示页会清楚标出本地模拟。