PROJECT DEMO / 项目资料站

把功能放进日常工作。

创建任务、查看附件、整理笔记。右侧会告诉你：上线后，应该由哪个服务完成这一步。

浏览器本地演示

LIVE CACHE EXPERIMENT / 真实网络实验

同一份内容，在哪里被重复使用？

浏览器缓存
你的设备保留副本→Cloudflare 边缘缓存
多个访客复用公开内容→静态资源 / Worker
读取文件或处理请求

普通样式文件每次使用前校验新鲜度；带版本的公开文件允许浏览器缓存一年；实时接口使用 no-store。Workers Static Assets 自动处理边缘资源缓存，本实验无需新增 Cache Rule。

观察方式：绕过浏览器本地 HTTP 缓存，读取实际网络响应；请求地址保持相同，不添加随机参数。

响应结果：CF-Cache-Status 看边缘缓存，Cache-Control 看返回的缓存策略。
请求	HTTP	CF-Cache-Status	Cache-Control	内容与 ETag

HIT 表示头部报告命中；MISS 表示报告未命中，第二次也可能仍 MISS。头部未返回不等于请求失败；不能仅凭速度或 ETag 判断命中。Static Assets 官方说明该状态头存在少量误判可能。

发布新内容：查看 v1 ↗ → 查看 v2 ↗。新版本使用新 URL；长期缓存的 v1 不再原地修改。

公开图片、样式和版本文件适合缓存。账号资料、登录结果、订单状态需由应用选择 private / no-store。基础 DDoS 防护由平台提供；它不能替代登录、Turnstile 或接口限流。

WEB ANALYTICS / 已接入真实统计

访问 lab.aecai.us.ci 时，Cloudflare beacon 自动收集页面访问和性能数据。本地开发及 workers.dev 备用域名不采集；表单里的任务和笔记不作为自定义事件发送。

哪些页面被打开？访问从哪里开始？Visits 不等于独立人数。

首页、教程、演示页谁更常用？访客从什么网站进入？

LCP：主要内容何时出现；INP：交互是否及时；CLS：布局是否跳动。

等待统计脚本检查…

复习实验：分别打开三个页面，稍后在后台选择本站和最近 30 分钟，观察页面维度。切换教程的 #hash 不应当作打开新的 HTML 页面。统计可能有延迟，也可能被浏览器拦截；本页不展示模拟访问量。

任务只保存在当前浏览器 localStorage，不会同步到云端。

↑选择一个文件，查看上传流程这里只读取文件名、类型和大小，不上传文件内容

还没有选择文件。

待整理的文字

演示会截取文本，不调用 AI 模型。

从演示升级到真实应用

任务需要 D1；附件需要 R2；项目配置适合 KV；公开表单接 Turnstile；内部后台接 Access。所有云端资源都由你按课程逐项接入，当前项目不会自动开通它们。