ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 操场 不想进行*任何*设置,但仍想尝试使用Workers?工人游乐场是一种简单,即时的方法,可以直接在浏览器中针对任何站点预览和测试代码。 ### [发射场](https://www.cloudflareworkers.com/) ## 预览脚本 ### 写 用适合您需要的任何逻辑替换预填充的脚本: ~~~javascript addEventListener('fetch', event => { event.respondWith(handlerWithMyLogic(event.request)) }) async function handlerWithMyLogic(request) { return new Response('hello world') } ~~~ 有关编写将运行Workers脚本的代码的更多信息,请参见:[如何编写Workers脚本](https://developers.cloudflare.com/workers/quickstart/writing-code)。 ### 更新资料 有了代码后,就可以进行测试了,单击脚本面板底部的按钮进行预览。 现在,您可以在浏览器的右侧看到该代码的预览。在右侧部分输入您的网站地址,以预览在该网站上运行的Workers脚本。 您可以修改脚本并单击预览按钮以查看对请求的影响。 要测试原始HTTP请求(不在HTML预览器中,例如测试POST请求),请转到预览器中的“测试”选项卡。要运行HTTP预览,我们需要单击更新预览并运行测试。 新的修改将不会被保存或部署。 ### 开发工具 要调试Workers脚本,请查看预览面板底部的开发人员工具。用于Workers预览器的开发人员工具的工作方式类似于Chrome或Firefox中的开发人员工具。 ![安慰](https://developers.cloudflare.com/workers/tooling/media/console.png) #### 网络标签 显示来自您的Workers脚本的传出请求(即`fetch`,脚本中实时存在的对该调用的所有调用)。 #### 控制台日志 输出`console.log`当前预览运行以及该会话中任何其他预览运行所调用的所有调用 #### 资料来源 组成Workers脚本的源。请注意,只有在通过帐户验证后才能访问KV,文本和秘密绑定。这意味着您必须登录到仪表板,或`wrangler preview`与您的帐户凭据一起使用。 ## 部署 有两种预览和部署Workers脚本的方法:[在Cloudflare的站点上](https://support.cloudflare.com/hc/en-us/articles/201720164)或[worker.dev](https://workers.dev/)帐户上。如果您只想探索Workers的功能,则可以避免在[Playground进行](https://developers.cloudflare.com/workers/tooling/playground/#playground)任何设置。 ### Cloudflare仪表板 要预览脚本,请先[登录](https://www.cloudflare.com/a/login)到Cloudflare仪表板。 选择要部署工作程序脚本的帐户和/或区域后,导航至适当的工作程序部分。 * 对于worker.dev:![导航worker.dev](https://developers.cloudflare.com/workers/tooling/media/navigate-workers-dev.png) 对于Cloudflare上的区域:![导航区](https://developers.cloudflare.com/workers/tooling/media/navigate-zone.png) 您将看到用于编辑现有Workers脚本或创建新脚本的选项。 要使您的Workers脚本生效,请单击“保存并部署”。 ## 预览工具的工作方式 预览器工具通过在Cloudflare的网络外部扩展[V8引擎](https://developers.cloudflare.com/workers/reference/runtime)的模拟实例来工作。在Playground中创建的工作人员仅用于试验,不能在Cloudflare遍布全球的所有基础架构上运行。 ### 与生产的主要区别 尽管预览工具功能强大,但该工具必须作为模拟代理服务运行,因此存在一些固有的局限性。 预览器与实时Workers脚本的主要区别在于: * 调用与原始请求相同的主机名的子请求(即在Workers脚本中获取)将作为外部请求(即返回Cloudflare的第一行)在预览器中运行,因为生产中的那些子请求将直接转到源。 * `console.log`行为的输出在生产中充当无人操作。 * 并非所有的[API](https://developers.cloudflare.com/workers/reference/runtime/apis)在生产中的预览器中都可用。特别是与Cloudflare Edge相关的功能(例如[Cache API](https://developers.cloudflare.com/workers/reference/apis/cache))将*无法*在预览器中使用。 * 如果测试区域设置了Cloudflare安全功能集,该功能会阻止我们的预览服务,例如“按国家/地区阻止”,则将收到一条错误消息`Sorry, you've been blocked`。要解决此问题,请使用[小提琴服务](https://cloudflareworkers.com/)或将[Google Cloud IPs](http://ueen.net/google_cloud_ip.txt)白名单\*预览脚本。 \*请注意,将Google IP列入白名单可能会允许其他具有相同IP的Cloudflare用户向您的站点发出请求并绕过安全措施。