Cloudflare Workers 快速部署

这一篇完全不用写命令行，只用浏览器完成第一个 Worker 的创建和线上部署。先把成就感建立起来，后面再学工程化的开发方式。

注册 Cloudflare 账号

访问 dash.cloudflare.com 注册账号，用邮箱注册即可，选择免费计划，不需要绑定信用卡。

登录后按以下步骤操作

几秒钟后部署完成，页面会显示一个网址，格式为 https://my-first-worker.你的子域.workers.dev。workers.dev 是 Cloudflare 免费提供的官方子域名，每个 Worker 都会自动获得一个，点击访问就能看到 Hello World 页面。

部署完成后点击编辑代码进入在线编辑器，可以看到模板自带的代码

export default {
  async fetch(request, env, ctx) {
    return new Response("Hello World!");
  },
};

这段代码是 Workers 的核心骨架，需要理解四个部分

只要记住一件事，Workers 的编程模型就是”收到请求，返回响应”。fetch 函数负责接收请求，return new Response(...) 负责返回结果。所有复杂的业务逻辑都是围绕这两步展开的。

把返回内容改一下，体验代码更新的完整流程

export default {
  async fetch(request, env, ctx) {
    return new Response("Hello Cloudflare!");
  },
};

点击右上角保存并部署，稍等片刻重新打开之前的网址，页面内容就变成了 Hello Cloudflare。

在浏览器地址栏多访问几个路径试试，例如 https://my-first-worker.你的子域.workers.dev/任意路径，你会发现无论访问什么路径，返回的都是同一段文字。这是因为代码没有做任何路径判断，这就是后续路由章节要解决的问题。

在线编辑器适合快速改小东西，但工程化开发有它的明显短板

真实项目几乎都使用命令行工具开发，仪表盘只用来做线上配置。下一篇开始搭建本地开发环境，把 Wrangler 用起来。