端到端项目
项目一 安全部署 AI 生成的静态网站
审查 AI 生成前端,用 Workers Static Assets 本地验证首页与 404,再准备可回滚发布。
编辑与核验:橙宝书编辑团队 ·
PROJECT 01入门约 35 分钟产出:可验证静态站
完成标准
首页返回 200,未知路径返回真实 404,源码没有外部追踪与 Secret,Wrangler dry-run 能构建;本教程不替你执行远程部署。
前置条件与架构
- Node 22 与 pnpm;无需写 Worker handler。
- 从仓库根目录操作
examples/ai-static-site/。 - AI 生成内容已保存为普通 HTML/CSS/JS,可人工阅读。
浏览器 → Cloudflare Workers Static Assets → public/index.html 或 public/404.htmlWorkers Static Assets 是当前路径;不要让 AI 回退到已弃用的 Workers Sites、site.bucket 或 @cloudflare/kv-asset-handler。
项目文件
README.md
wrangler.jsonc
index.html
404.html
构建与验证
审查 AI 输出
搜索未知远程脚本、内联 Token、自动提交表单、隐藏 iframe 和危险 HTML 注入。删除不需要的 analytics;为图片补 alt、宽高和本地资源。
本地启动
pnpm wrangler dev --config examples/ai-static-site/wrangler.jsonc验证两条路径
curl -I http://127.0.0.1:8787/
curl -I http://127.0.0.1:8787/does-not-exist预期分别为 200 和 404。再用键盘访问页面,检查窄屏与深色模式。
只做部署预演
pnpm wrangler deploy --dry-run --config examples/ai-static-site/wrangler.jsonc真实 deploy 会创建外部版本,需由你确认账号、名称、域名与回滚目标后再执行。
回滚与下一步
保留上一个已验证版本;自定义域名切换单独变更。若新站异常,先回滚 Worker 版本,不要同时修改 DNS 和站点代码。
下一步:Workers + D1 API。
官方来源
这篇内容帮你完成目标了吗?
内测反馈只在当前浏览器生成,不会自动上传。