Cloudflare 产品动态与开发者教程

想把 AI 生成的落地页、个人作品集或纯前端 Demo 发给别人预览，过去通常要先注册托管平台、创建项目并配置部署。Cloudflare Drop 把这条链路压缩成一次拖放：无需先登录，上传静态网站文件夹或 ZIP，就能拿到可访问 1 小时的临时网址。本文按实际使用流程说明它能做什么、怎样认领、有哪些限制，以及它与 Wrangler 临时部署的区别。 快速结论 项目 说明 产品定位 无需先注册账号的静态网站临时部署工具 上传方式 直接上传文件夹或 ZIP 压缩包 适合内容 HTML、CSS、JavaScript、图片、字体等静态资源 预览期限 临时网址保持在线 1 小时 长期保留 在期限内登录或注册 Cloudflare，并认领部署 最佳场景 AI 生成网页、前端 Demo、作品集、活动页和临时分享 不适合 需要服务器运行时、数据库、私密数据或正式生产治理的项目 一句话判断：如果你手里已经有一套能直接打开的静态文件，只想快速得到公网预览地址，Cloudflare Drop 很省事；如果项目需要服务端代码、数据库、自动构建或持续部署，就应改用 Workers、Pages 或其他完整部署方案。 它是什么 Cloudflare Drop 是 Cloudflare 在 2026 年 7 月加入 Workers 产品线的浏览器端快速部署入口。官方说明显示，用户可以上传一个静态资源文件夹或 ZIP，随后立即获得临时在线预览。预览保留 1 小时，在这个窗口内可以自行测试、发给别人查看，或把部署认领到正式 Cloudflare 账号。 它降低的是“第一次上线预览”的门槛，而不是把所有网站部署问题都自动解决。Drop 不负责替你安装依赖、运行构建命令或提供传统服务器环境；上传前应先准备好最终生成的静态文件。 Cloudflare Drop 功能概览，原图来源：小众软件。 使用步骤 准备静态目录：确保入口通常为 index.html，相关 CSS、JavaScript、图片和字体使用正确的相对路径。 清理无关文件：删除源代码仓库、脚本、密钥、环境变量文件、依赖缓存和仅供本地开发的内容。 打开 Drop：访问 Cloudflare Drop 页面，选择文件夹或 ZIP 压缩包。 等待部署：上传完成后，Cloudflare 会生成一个临时的 workers.dev 预览地址。 检查页面：测试首页、子页面、图片、字体、前端路由和移动端显示，确认没有路径或跨域错误。 决定是否认领：需要长期保留时，在 1 小时内使用 Claim 入口登录或注册账号；一次性预览则让它自动过期。 浏览器中可直接选择文件夹或 ZIP，原图来源：小众软件。 如果你使用 Vite、Astro、React 或 Vue 等工具，通常应上传构建后的 dist 或项目指定输出目录，而不是整个源码目录。直接把包含 node_modules、配置文件和开发脚本的项目根目录拖进去，既容易失败，也可能把不该公开的文件带入部署包。 预览认领 部署完成后，页面会显示临时访问地址和认领入口。临时地址适合交付前验收、向同事展示原型或让 AI Agent 访问并检查页面结果。这里的“在线 1 小时”不是缓存时间，而是未认领部署的保留窗口；如果没有在期限内认领，临时部署会被删除。 部署完成后可复制临时预览地址 认领入口需要谨慎保管。它代表对临时部署的接管权限，不应贴进公开群聊、公开 Issue、截图或代码仓库。决定保留时，打开 Claim 页面完成登录或注册；如果新建账号，还需要先验证邮箱。 临时部署同时提供 Claim 认领入口 根据 Cloudflare Workers 更新日志，认领后可以继续设置自定义域名、可观测性、访问控制和 Markdown for Agents 等能力。具体可见选项仍以认领后的控制台为准，因为产品功能和限制可能继续调整。 文件要求 Cloudflare Drop 面向的是静态资源。最稳妥的部署包只保留浏览器真正需要的文件，例如 .html、.css、.js、图片和字体。原文测试提到，包含开发脚本、Git 目录等非静态内容时可能触发检查；实践中应把上传目录当作公开发行包，而不是源码备份。 检查入口：根目录应有可访问的首页文件，避免把构建目录再套一层无关文件夹。 检查路径：本地以 file:// 打开正常，不代表上线后路径一定正确，尤其要检查以斜杠开头的绝对路径。 删除秘密：不要上传 .env、API Key、私钥、数据库导出、调试日志或包含个人信息的文件。 先行构建：需要 npm、pnpm 或其他工具编译的项目，应先在本地完成生产构建。 避免后端依赖：PHP、Python、Node.js 服务端程序和数据库不会因为拖进页面就自动运行。 两种方式 Cloudflare 还提供 wrangler deploy --temporary，同样允许在没有正式登录态时创建临时部署。两者解决的问题相近，但操作对象不同。 对比项 Cloudflare Drop Wrangler 临时部署 操作入口 浏览器拖放 命令行 主要对象 静态网站文件夹或 ZIP Workers 与受支持的临时资源 适合人群 设计师、前端开发者、普通用户 开发者、AI Agent、自动化任务 是否需先登录 不需要 未认证环境可使用临时参数 预览窗口 1 小时 60 分钟认领窗口 迭代方式 重新上传文件 可在有效期内重复部署 只想发一个纯前端页面，Drop 更直观；希望 AI Agent 自动完成“写代码、部署、访问、修改、再部署”，Wrangler 更合适。关于命令行方式，可继续阅读站内专题：Cloudflare Temporary Accounts 是什么。 适合场景 AI 网页预览：把生成式工具输出的静态落地页快速放到公网检查，而不是只看本地截图。 前端原型：向客户或团队分享一次性 Demo，避免为短期预览新建完整项目。 作品集试稿：检查真实网络环境下的图片、字体、响应式和加载体验。 活动临时页：先做短期验收；确认上线后再认领并绑定正式域名。 教学演示：让初学者理解静态网站由 HTML、CSS、JavaScript 与资源文件组成。 它不适合托管后台管理系统、登录数据、支付流程或需要长期稳定性的正式业务。即使页面本身是静态的，只要包含真实用户数据、私密链接或可被滥用的前端密钥，也不应把“临时”误解成“私密”。临时网址依然是公网地址。 风险提醒 第一，Claim 链接不是普通分享链接。它与临时部署所有权有关，应只交给需要认领的人。公开预览时分享站点地址即可，不要同时分享 Claim 地址。 第二，上传内容默认可被访问。不要把客户资料、未公开产品、内网信息或测试账号写入静态文件。浏览器端 JavaScript 中的密钥也无法真正保密。 第三，临时预览不等于生产环境。正式上线仍需检查域名、访问控制、日志、监控、缓存策略、错误页面、隐私条款和长期维护方式。Cloudflare 也可能更新 Drop 的格式、额度与滥用防护规则，使用前应以官方页面为准。 常见问题 需要账号吗 开始上传和生成临时预览时不需要 Cloudflare 账号。只有决定长期保留部署时，才需要在 1 小时内通过 Claim 入口登录现有账号或注册新账号；新账号还需要完成邮箱验证。 网址多久失效 官方更新日志说明，未认领的临时预览保持在线 1 小时。这个时间适合测试和分享。如果需要继续使用，应在窗口结束前认领；否则部署会过期，不应把该地址写进长期文档或正式推广材料。 支持哪些文件 它主要接受静态 HTML、CSS、JavaScript、图片和字体，可上传文件夹或 ZIP。为减少失败与信息泄露，建议只上传生产构建结果，去掉 Git 目录、Shell 脚本、环境变量、依赖缓存和其他开发文件。 能上传后端吗 不能把传统 PHP、Python 或 Node.js 后端直接当静态文件运行。Cloudflare Drop 更适合浏览器可直接加载的静态站点。需要 API、数据库或服务端逻辑时，应使用 Workers、Pages Functions 或其他后端托管方案。 能绑定域名吗 临时阶段主要使用自动生成的预览地址。Cloudflare 官方更新日志说明，认领部署后可以连接已有域名或购买新域名。实际域名选项、DNS 设置和权限要求以认领后的控制台为准。 和Pages区别 Drop 强调免登录、快速生成 1 小时预览，适合一次性验证；Cloudflare Pages 更适合正式项目、持续更新、Git 集成和长期管理。可把 Drop 当成低门槛入口，而不是 Pages 全部能力的替代品。 总结建议 Cloudflare Drop 最有价值的地方，是把静态网站的“第一次公网预览”变成了无需账号的拖放操作。对于 AI 生成网页、纯前端 Demo 和短期分享，它能明显减少创建项目、授权和配置的阻力。 使用时记住三条：只上传生产构建后的静态文件；把临时地址与 Claim 地址分开处理；正式上线前仍要完成账号、域名、安全和运维配置。想查看更多 Cloudflare 产品与教程，可浏览 Cloudflare 专题 或 曲速指南。 相关链接 Cloudflare Drop：https://www.cloudflare.com/drop/ Workers 更新日志：https://developers.cloudflare.com/changelog/product/workers/ 临时部署文档：https://developers.cloudflare.com/workers/platform/claim-deployments/ 参考原文：https://www.appinn.com/cloudflare-drop/

Cloudflare

Cloudflare Drop 使用指南：无需账号，一拖即发静态网站

Cloudflare Temporary Accounts 是什么？AI Agent 免登录部署 Workers 的新方式

[工具] Cloudflare 新功能 – Markdown for Agents 让 AI Token 消耗减少 80%

加入收藏夹

设为首页

推荐阅读