橙宝书
端到端项目

项目一 安全部署 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.html

Workers 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

预期分别为 200404。再用键盘访问页面,检查窄屏与深色模式。

只做部署预演

pnpm wrangler deploy --dry-run --config examples/ai-static-site/wrangler.jsonc

真实 deploy 会创建外部版本,需由你确认账号、名称、域名与回滚目标后再执行。

回滚与下一步

保留上一个已验证版本;自定义域名切换单独变更。若新站异常,先回滚 Worker 版本,不要同时修改 DNS 和站点代码。

下一步:Workers + D1 API

官方来源

这篇内容帮你完成目标了吗?

内测反馈只在当前浏览器生成,不会自动上传。

本页目录