Edge Computing with Cloudflare Workers & Deno · 课时

设置 Worker 环境

使用 Wrangler CLI 配置本地计算机，以进行 Cloudflare Workers 开发。

设置 Worker 环境 是 CoddyKit 上的免费 Edge Computing with Cloudflare Workers & Deno 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 Edge Computing with Cloudflare Workers & Deno 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 Edge Computing with Cloudflare Workers & Deno 课程共包含 4 节课。

本课时的部分内容尚未翻译，以英文显示。

Get Ready for Edge Dev

Welcome! Before we build our first Cloudflare Worker, we need to set up our local development environment. This ensures you have all the tools to write, test, and deploy your code efficiently.

A proper setup makes the development process smooth and helps you quickly iterate on your edge applications.

Wrangler: Your Worker Tool

Our primary tool for interacting with Cloudflare Workers is the Wrangler CLI (Command Line Interface). It's a powerful tool that helps you:

Create new Worker projects
Develop and test Workers locally
Configure and deploy Workers to Cloudflare's edge
Manage Worker resources

Essential: Node.js & npm

Wrangler is built using Node.js, so you'll need Node.js and its package manager, npm (or yarn), installed on your machine.

Node.js: A JavaScript runtime environment.
npm: Node Package Manager, used to install libraries and tools.

If you don't have Node.js, download it from nodejs.org. We recommend using a Long Term Support (LTS) version.

Installing Wrangler CLI

Once Node.js and npm are ready, open your terminal or command prompt. We'll install Wrangler globally so it's accessible from any directory.

Run the following command:

npm install -g wrangler

Connect to Cloudflare

After installing, you need to link Wrangler to your Cloudflare account. This allows Wrangler to deploy and manage Workers on your behalf.

Execute this command and follow the browser prompts to log in:

wrangler login

Create Your First Project

Now that Wrangler is installed and authenticated, let's create a new Worker project. This command generates a basic project structure for you.

Replace my-first-worker with your desired project name:

wrangler generate my-first-worker

Understanding Project Structure

After running wrangler generate, you'll find a new directory (e.g., my-first-worker) with essential files:

wrangler.toml: Your Worker's configuration file.
src/index.js: The main JavaScript file where your Worker's logic lives.
package.json: Standard Node.js package file (optional, for dependencies).

Let's dive into these key files.

Configure with wrangler.toml

The wrangler.toml file is crucial. It defines your Worker's settings, like its name, type, and associated Cloudflare account.

Here's a basic example of what it might contain:

name = "my-first-worker"
main = "src/index.js"
compatibility_date = "2023-10-26"
account_id = "YOUR_CLOUDFLARE_ACCOUNT_ID"

Your Worker's Logic

The src/index.js file is where you write the JavaScript code for your Worker. Cloudflare Workers typically listen for fetch events.

This simple Worker responds with "Hello Cloudflare Workers!" to any request:

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

Test Your Worker Locally

Before deploying, you can test your Worker right on your machine! Wrangler creates a local development server that simulates the Cloudflare edge environment.

Navigate into your project directory (e.g., cd my-first-worker) and run:

wrangler dev

Wrangler Command Check

Which Wrangler command is used to connect your local environment to your Cloudflare account?

Recap: Setup Complete!

Great job! You've successfully set up your Cloudflare Workers development environment. You've learned how to:

Install Wrangler CLI
Authenticate with Cloudflare
Generate a new Worker project
Understand the basic project structure
Run your Worker locally using wrangler dev

You're now ready to start building powerful applications at the edge!

常见问题解答

「设置 Worker 环境」课时是免费的吗？

是的 — 「设置 Worker 环境」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 Edge Computing with Cloudflare Workers & Deno 课程的其余内容，请升级到 CoddyKit PRO。 Edge Computing with Cloudflare Workers & Deno 课程共包含 4 节课。

「设置 Worker 环境」这节课中我会学到什么？

使用 Wrangler CLI 配置本地计算机，以进行 Cloudflare Workers 开发。你通过在浏览器中直接运行的动手代码来练习 Edge Computing with Cloudflare Workers & Deno，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 Edge Computing with Cloudflare Workers & Deno 需要有经验吗？

无需任何先前经验。CoddyKit 上的 Edge Computing with Cloudflare Workers & Deno 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「设置 Worker 环境」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 Edge Computing with Cloudflare Workers & Deno 课中编写并运行代码吗？

能。每节 Edge Computing with Cloudflare Workers & Deno 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 Edge Computing with Cloudflare Workers & Deno